.xbox__header {
    background: #00005938;
}
.xbox__body {
    padding: 20px;
    background: #16163e73;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #282828;
}
.xbox {
background: #30303000;
}
body {
    color: rgb(47 139 230)!important;
    background-color: #ffffff00;
}
::-webkit-scrollbar-thumb {
    background-color: #095ebb94;
}
::-webkit-scrollbar-track {
    background: #0a1c33e0;
}

.product:hover{
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .product:hover .product__image{
        animation: 1s ease-in-out alternate infinite aqwe backwards
    }

    .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
        color: #fff;
        background-color: #f1cc6a !important;
    }

    .roulette-item__image{
        animation: 1.5s ease-in-out alternate infinite aqwe backwards
    }

    .service__image{
        animation: 1s ease-in-out alternate infinite aqwe backwards
    }

    /*@include shake(15px, 15px, 1deg, 'shake-slow', 1);*/
    @keyframes aqwe{0%{transform: rotate(-4deg)}50%{transform: scale(1.05);box-shadow: 0 0px 0px rgba(0, 0, 0, .1), 0 15px 12px rgba(0, 0, 0, .05)}
        100%{transform: rotate(4deg)}}}

/* делает прозрачность блока с надписью "мониторинг" и "магазин" */
.xbox__header {
    background: #2828284f;
}

/* делает прозрачность блока поиска товаров */
.form-control {
    background-color: #28282887;
}

/* делает прозрачность прогресс бара (шкалы онлайна в мониторинге сервера) */
.progress {
    background: #28282859;
}

/* делает прозрачность верхнего блока, в котором находятся стандартные кнопки навигационного меню*/
.navbar {
    background: #28282859;
}

/* меняем цвет разделительных полос страницы*/
.xbox__body {
    padding: 20px;
    border-top: 3px solid #337ab7;
    border-bottom: 3px solid #337ab7;
}

/* меняем цвет блока поиска*/
.form-control {
    border-radius: 2px;
    border: 1px solid #337ab7;
    color: #00BFFF;
}

/* округление верхнего блока, главного, с навигационным меню*/
.navbar {
    border-radius: 0 0 30px 30px;
}

/* округление среднего блоке, на котором написано мониторинг и магазин*/
.xbox__header {
    border-radius: 30px 30px 0 0;
}

.product {
    position: relative;
    border-radius: 20px;
    box-shadow: 0 15px 15px rgba(0,0,0,.9);
    margin: 5px;
    cursor: pointer;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

.product__image {
    padding: 5%;
      background: #022dad3d;
    width: 100%;
}

.xbox__footer {
    padding: 20px;
    background: #28282800;
    border-radius: 0 0 2px 2px;
}

.floating-window {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 200px;
  height: 200px;
  background-color: #ffffff;
  border: 1px solid #000000;
  display: none;
}

.floating-window:hover {
  display: block;
}

/* Исправление цвета текста кнопки баланса при hover/active */
.balance-btn:hover,
.balance-btn:active,
.balance-btn:focus,
.balance:hover,
.balance:active,
.balance:focus,
.btn-balance:hover,
.btn-balance:active,
.btn-balance:focus {
    color: #ffffff !important;
    background-color: #337ab7 !important;
}

/* Дополнительные варианты для различных классов кнопки баланса */
[class*="balance"]:hover,
[class*="balance"]:active,
[class*="balance"]:focus {
    color: #ffffff !important;
}

/* Если кнопка баланса использует стандартные Bootstrap классы */
.btn:hover,
.btn:active,
.btn:focus {
    color: #ffffff !important;
}

/* Специфичный стиль для кнопки с текстом "BALANCE" */
button:contains("BALANCE"):hover,
button:contains("BALANCE"):active,
button:contains("BALANCE"):focus,
div:contains("BALANCE"):hover,
div:contains("BALANCE"):active,
div:contains("BALANCE"):focus {
    color: #ffffff !important;
    background-color: #337ab7 !important;
}

/* Альтернативный вариант - использование атрибута */
[data-balance]:hover,
[data-balance]:active,
[data-balance]:focus {
    color: #ffffff !important;
    background-color: #337ab7 !important;
}

/* Стили для кнопок навигации (EN, BALANCE, PROFILE) */
/* Кнопки языка */
.language-btn:hover,
.language-btn:active,
.language-btn:focus,
.lang-btn:hover,
.lang-btn:active,
.lang-btn:focus,
[class*="language"]:hover,
[class*="language"]:active,
[class*="language"]:focus {
    color: #ffffff !important;
    background-color: #337ab7 !important;
}

/* Кнопки профиля */
.profile-btn:hover,
.profile-btn:active,
.profile-btn:focus,
[class*="profile"]:hover,
[class*="profile"]:active,
[class*="profile"]:focus {
    color: #ffffff !important;
    background-color: #337ab7 !important;
}

/* Универсальные стили для всех интерактивных элементов в навигации */
.navbar a:hover,
.navbar a:active,
.navbar a:focus,
.navbar button:hover,
.navbar button:active,
.navbar button:focus,
.navbar div:hover,
.navbar div:active,
.navbar div:focus {
    color: #ffffff !important;
}

/* Специфичные стили для элементов с текстом EN, BALANCE, PROFILE */
*:contains("EN"):hover,
*:contains("EN"):active,
*:contains("EN"):focus,
*:contains("BALANCE"):hover,
*:contains("BALANCE"):active,
*:contains("BALANCE"):focus,
*:contains("PROFILE"):hover,
*:contains("PROFILE"):active,
*:contains("PROFILE"):focus {
    color: #ffffff !important;
    background-color: #337ab7 !important;
}

/* Дополнительные селекторы для кнопок в верхней панели */
.top-bar a:hover,
.top-bar a:active,
.top-bar a:focus,
.top-bar button:hover,
.top-bar button:active,
.top-bar button:focus,
.top-bar div:hover,
.top-bar div:active,
.top-bar div:focus,
.header-nav a:hover,
.header-nav a:active,
.header-nav a:focus,
.header-nav button:hover,
.header-nav button:active,
.header-nav button:focus,
.header-nav div:hover,
.header-nav div:active,
.header-nav div:focus {
    color: #ffffff !important;
}

/* ЧИСТЫЕ стили для переключателя языка */

/* ПРОСТЫЕ и РАБОЧИЕ стили для переключателя языка */
/* Основной переключатель - при наведении */
.LangSwitcher-module_wrapper:hover,
.PlayerMenu-module_langSwitcher:hover {
    background-color: #337ab7 !important;
}

/* Текст в переключателе - при наведении на контейнер */
.LangSwitcher-module_wrapper:hover .LangSwitcher-module_currentLang,
.PlayerMenu-module_langSwitcher:hover .LangSwitcher-module_currentLang {
    color: #ffffff !important;
}

/* Выпадающий список */
.LangSwitcher-module_dropdown,
.LangSwitcher-module_menu {
    background-color: #2d3748 !important;
    border: 1px solid #337ab7 !important;
}

/* Пункты списка - обычное состояние */
.LangSwitcher-module_dropdown *,
.LangSwitcher-module_menu * {
    color: #00BFFF !important;
    background-color: transparent !important;
}

/* Пункты списка - при наведении */
.LangSwitcher-module_dropdown *:hover,
.LangSwitcher-module_menu *:hover {
    color: #ffffff !important;
    background-color: #337ab7 !important;
}


/* #022dad3d */