/* Для опытных пользователей */
div, button, input {
    border-radius: 10px !important;
}
/* Кнопка активной категории (сейчас красная) */
.category-item.active, .nav-pills .nav-link.active {
    background-color: #ffffff !important; /* Белый фон */
    color: #000000 !important;           /* Черный текст */
    border: none !important;
}

/* Кнопка поиска (иконка лупы) */
.search-btn, .btn-search {
    background-color: #ffffff !important; /* Белый фон */
    color: #000000 !important;           /* Черная иконка */
    border: none !important;
}

/* Эффект при наведении на категории, чтобы они тоже были белыми */
.category-item:hover {
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: #000000 !important;
}
/* Универсальный белый стиль для всех активных и акцентных элементов */
[class*="active"], [class*="btn-primary"], [class*="search"] {
    background-color: #ffffff !important;
    color: #000000 !important;
}
/* Убираем красный при наведении на ЛЮБУЮ категорию */
.Categories-module__category:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Оставляем кнопку белой, если она одновременно и АКТИВНАЯ, и на неё НАВЕДЕН курсор */
.Categories-modulecategory.Categories-moduleactive:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    opacity: 1 !important; /* Чтобы она не становилась тусклой */
}

/* Если внутри кнопки есть текст или иконки, красим их в черный при наведении */
.Categories-module__category:hover * {
    color: #000000 !important;
}
/* Делаем саму иконку (лупу) белой */
.Search-module__icon {
    stroke: #ffffff !important; /* Цвет линий иконки */
}

/* Если у иконки есть фон (кружок или квадрат вокруг), тоже делаем его прозрачным или белым */
.Search-module__iconWrapper {
    background-color: transparent !important;
}

/* На случай, если при наведении она должна менять цвет на черный (для контраста) */
.Search-moduleiconWrapper:hover .Search-moduleicon {
    stroke: #000000 !important;
}
/* Полная перезапись стиля кнопки «Обновить» */
button[class*="MonitoringWidget-module__updateBtn"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Наведение на кнопку «Обновить» */
button[class*="MonitoringWidget-module__updateBtn"]:hover {
    background: #f2f2f2 !important;
    background-color: #f2f2f2 !important;
    color: #000000 !important;
}

/* Принудительный цвет иконки поиска */
.Search-module__iconWrapper svg {
    stroke: #ffffff !important;
}
/* 2. Полоска онлайна (современный вид) */
div[class*="MonitoringServer-module__progressBarWrapper"] {
    background: rgba(255, 255, 255, 0.1) !important; /* Фон пустой части */
    border-radius: 4px !important;
    height: 8px !important;
    overflow: hidden;
}

div[class*="MonitoringServer-module__progressBar"] {
    background: linear-gradient(90deg, #808080, #808080) !important; /* Белый градиент для онлайна */
    border-radius: 4px !important;
}

/* 3. Цвет текста онлайна (цифры) */
span[class*="MonitoringServer-module__playersInfo"],
div[class*="MonitoringServer-module__info"] {
    color: #ffffff !important;
    font-weight: 400 !important;
}
/* Делаем ссылки в меню белыми при наведении */
[class*="Header-module__nav"] a:hover {
    color: #ffffff !important;
    text-decoration: none !important; /* Убирает подчеркивание, если оно есть */
}

/* На всякий случай для всех ссылок в навигации */
a[class*="Header-module__navLink"]:hover {
    color: #ffffff !important;
}

/* Плавный переход цвета (чтобы не дергалось) */
[class*="Header-module__nav"] a {
    transition: color 0.2s ease-in-out !important;
}
/* Цвет текста ПРОФИЛЬ, БАЛАНС и RU при наведении */
.PlayerMenu-module__wrapper a:hover,
.PlayerMenu-module__wrapper button:hover span,
.PlayerMenu-module__wrapper button:hover {
    color: #ffffff !important;
}

/* Убираем красный фон у кнопки баланса при наведении (если он появляется) */
.PlayerBalance-module__btn:hover {
    background-color: transparent !important;
    background-image: none !important;
}

/* Плавность и тонкий шрифт для всего блока */
.PlayerMenu-module__wrapper * {
    font-weight: 400 !important;
    transition: color 0.2s ease-in-out !important;
}
/* Убираем красный фон у Профиля при наведении */
.PlayerMenu-module__profileLink:hover {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* Убираем красный фон у выбора языка (RU) при наведении */
.LangSwitcher-module__btn:hover {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Гарантируем, что текст RU станет белым */
.LangSwitcher-modulebtn:hover .LangSwitcher-modulecurrentLang {
    color: #ffffff !important;
}

/* Убираем жирность и добавляем плавность */
.PlayerMenu-module__profileLink,
.LangSwitcher-module__currentLang {
    font-weight: 400 !important;
    transition: all 0.2s ease-in-out !important;
}
/* Убираем красный фон в самом списке языков */
[class*="LangSwitcher-module__lang"]:hover {
    background: none !important;
    background-color: rgba(255, 255, 255, 0.1) !important; /* Легкая подсветка вместо красного */
    color: #ffffff !important;
}
/* Делаем текст языков черным в выпадающем списке */
.LangSwitcher-module__lang {
    color: #000000 !important;
    font-weight: 400 !important;
    background-color: #ffffff !important; /* Убеждаемся, что фон белый */
    transition: background-color 0.2s ease !important;
}

/* Эффект при наведении на язык (светло-серый фон) */
.LangSwitcher-module__lang:hover {
    background-color: #808080 !important;
    color: #000000 !important;
    background-image: none !important; /* Убираем красный, если он там был */
}

/* Убираем лишние рамки, если они есть */
.LangSwitcher-module__list {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}
/* Полностью убираем красный фон у кнопки RU в любом состоянии (наведение, фокус, активность) */
.LangSwitcher-module__btn,
.LangSwitcher-module__btn:hover,
.LangSwitcher-module__btn:focus,
.LangSwitcher-module__btn[class*="active"],
.LangSwitcher-modulebtn[class*="LangSwitcher-moduleactive"] {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Гарантируем, что текст RU при этом остается белым при наведении или когда меню открыто */
.LangSwitcher-modulebtn:hover .LangSwitcher-modulecurrentLang,
.LangSwitcher-modulebtn[class*="active"] .LangSwitcher-modulecurrentLang {
    color: #ffffff !important;
}
/* 1. ПРЕВРАЩАЕМ ЛЮБОЙ ПРЕЛОАДЕР В БЕЛЫЙ КРУГ */
div[class*="loader"], 
div[class*="preloader"],
[class*="Preloader-module__loader"] {
    width: 50px !important;            /* Задаем фиксированный размер */
    height: 50px !important;
    border: 3px solid rgba(255, 255, 255, 0.2) !important; /* Тусклое кольцо */
    border-top: 3px solid #ffffff !important;           /* Яркая белая часть */
    border-radius: 50% !important;                       /* КРУГ */
    background: transparent !important;                  /* Убираем фон */
    background-image: none !important;
    animation: spin 1s linear infinite !important;       /* Вращение */
}

/* 2. УБИРАЕМ КРАСНЫЕ ЛОГОТИПЫ ИЗНУТРИ */
div[class*="loader"]::before,
div[class*="loader"]::after,
div[class*="preloader"]::before,
[class*="Preloader-module"]::before {
    display: none !important;
}

/* 3. АНИМАЦИЯ ВРАЩЕНИЯ (если она пропала) */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 4. ЦВЕТ ЭКРАНА ЗАГРУЗКИ (если хочешь черный фон при загрузке) */
[class*="Preloader-module__wrapper"], 
[class*="preloader-overlay"] {
    background-color: #000000 !important;
}
/* 1. СОСТОЯНИЕ ПО УМОЛЧАНИЮ (чтобы не было красного при отводе курсора) */
.MonitoringServer-module__btn,
.MonitoringServer-modulebtn .MonitoringServer-moduleicon,
.MonitoringServer-module__btn svg path {
    color: #999999 !important; /* Цвет иконки, когда курсор НЕ наведен (можешь поменять на свой) */
    stroke: #999999 !important;
    transition: all 0.2s ease-in-out !important; /* Плавность в обе стороны */
}

/* 2. ПРИ НАВЕДЕНИИ (белый) */
.MonitoringServer-module__btn:hover,
.MonitoringServer-modulebtn:hover .MonitoringServer-moduleicon,
.MonitoringServer-module__btn:hover svg path {
    color: #ffffff !important;
    stroke: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
}

/* 3. УБИРАЕМ КРАСНЫЙ ВСПЛЕСК (в некоторых шаблонах это анимация) */
.MonitoringServer-module__btn:active,
.MonitoringServer-module__btn:focus {
    color: #ffffff !important;
    stroke: #ffffff !important;
    outline: none !important;
}
/* Закругляем основную черную панель меню */
[class*="Header-module__wrapper"], 
[class*="Navbar-module__wrapper"],
header {
    border-radius: 15px !important; /* Радиус закругления */
    margin-top: 10px !important;    /* Небольшой отступ сверху, чтобы закругление было видно */
    overflow: hidden !important;    /* Чтобы внутренние элементы не вылезали за скругленные углы */
}

/* Если панель прилипает к краям экрана, добавим боковые отступы */
header, [class*="Header-module__container"] {
    width: 100% !important; /* Делаем панель чуть уже, чтобы углы не упирались в края */
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Закругляем плашку заголовка Магазин */
.Shop-module__header {
    border-radius: 10px !important; /* Степень закругления */
    overflow: hidden !important;    /* Чтобы фон не вылезал за края */
    margin-bottom: 15px !important; /* Отступ снизу от товаров (по желанию) */
}

/* Если ты хочешь закруглить только верхние углы, используй это вместо border-radius выше: */
/*
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
*/
/* Закругляем заголовки Мониторинга и Расписания вайпов */
[class*="MonitoringServer-module__header"],
[class*="WipeSchedule-module__header"],
.boxHeader {
    border-radius: 10px !important; /* Тот же радиус, что у Магазина */
    overflow: hidden !important;
    margin-bottom: 5px !important; /* Небольшой отступ от контента внутри */
}

/* Если заголовки прилипают к контенту снизу, можно добавить отступ самому блоку */
[class*="MonitoringServer-module__wrapper"],
[class*="WipeSchedule-module__wrapper"] {
    margin-bottom: 20px !important;
}
/* 1. КНОПКА "ПРИМЕНИТЬ" (Промокод) — Белый фон, черный текст */
.ProfileContent-module__usePromoBtn {
    background: #ffffff !important;
    color: #000000 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

.ProfileContent-module__usePromoBtn:hover {
    background: #e0e0e0 !important;
}

/* 2. STEAMID — Делаем текст белым вместо красного */
.ProfileContent-module__steamid {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 3. КНОПКА "ВЫХОД" (снизу под меню) */
[class*="Profile-module__logout"] {
    background: #ffffff !important;
    color: #000000 !important;
    background-image: none !important;
    border: none !important;
}

/* 4. КНОПКА "ПРОФИЛЬ" В ВЕРХНЕМ МЕНЮ (когда активна) */
/* Убираем красный фон у ссылки, когда мы в профиле */
.PlayerMenu-module__profileLink[href="/profile"],
.Header-module__active,
[class*="active"] {
    background: rgba(255, 255, 255, 0.1) !important; /* Едва заметная серая подсветка */
    background-image: none !important;
    color: #ffffff !important;
}

/* 5. ИКОНКИ ЛУПЫ (в истории и поиске) — Убираем красный фон */
[class*="searchIcon"], 
[class*="Search-module__btn"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* Красим саму иконку лупы в белый */
[class*="searchIcon"] svg, 
[class*="Search-module__btn"] svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
}
/* ИСПРАВЛЕННОЕ ЗАКРУГЛЕНИЕ ШАПКИ (чтобы меню языков не обрезалось) */
header, 
[class*="Header-module__wrapper"],
[class*="Navbar-module__wrapper"] {
    border-radius: 15px !important;
    margin-top: 10px !important;
    width: 100% !important;
    /* Убираем overflow: hidden и заменяем на видимый результат */
    overflow: visible !important; 
}

/* Применяем скругление только к фону внутри, чтобы кнопки не вылезали за углы */
[class*="Header-module__container"], 
[class*="Header-module__inner"] {
    border-radius: 15px !important;
    overflow: hidden !important; 
}
/* КНОПКА ВЫХОД — Полное удаление красного цвета */
.ProfileNav-module__logOut,
.Button-moduleaccent.ProfileNav-modulelogOut {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Эффект при наведении на кнопку Выход */
.ProfileNav-module__logOut:hover {
    background: #e0e0e0 !important;
    color: #000000 !important;
}

/* Убираем красный фон у родительского контейнера, если он остался */
.boxFooter .ProfileNav-module__logOut {
    margin: 0 auto !important; /* Центрируем, если нужно */
}
/* Убираем фон у контейнеров лупы в Истории и Корзине */
.HistorySearch-module__iconWrapper,
.BasketSearch-module__iconWrapper {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important; /* Убираем лишние отступы, если они создают видимость блока */
}

/* Делаем сами иконки (SVG) белыми */
.HistorySearch-module__icon,
.BasketSearch-module__icon {
    color: #ffffff !important;
    stroke: #ffffff !important; /* Цвет линии лупы */
    fill: none !important;    /* Чтобы внутренность лупы оставалась прозрачной */
}

/* Если при наведении появляется фон, тоже отключаем его */
.HistorySearch-module__iconWrapper:hover,
.BasketSearch-module__iconWrapper:hover {
    background: transparent !important;
}
/* 1. Основной стиль кнопок пагинации (стрелки и цифры) */
[class*="Pagination-module__page"],
[class*="Pagination-module__navPageBtn"] {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.2s ease !important;
}

/* 2. АКТИВНАЯ страница (текущая цифра) — делаем белой с черным текстом */
[class*="Pagination-module__active"] {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}

/* 3. ЭФФЕКТ ПРИ НАВЕДЕНИИ (Hover) — меняем красный на светло-серый */
[class*="Pagination-module__page"]:hover,
[class*="Pagination-module__navPageBtn"]:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* 4. ЦВЕТ СТРЕЛОК (SVG иконки внутри кнопок) */
[class*="Pagination-module__pagIcon"] {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* 5. Убираем красное свечение или тени, если они есть */
[class*="Pagination-module__pagination"] button {
    box-shadow: none !important;
    outline: none !important;
}
/* 1. КНОПКА "ПОПОЛНИТЬ" — Белый фон, черный текст */
.PlayerBalanceModal-modulefooter .Button-moduleaccent {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Эффект при наведении на кнопку пополнения */
.PlayerBalanceModal-modulefooter .Button-moduleaccent:hover {
    background: #e0e0e0 !important;
    color: #000000 !important;
}

/* 2. ПЛАШКА "RUB" — Белый фон, черный текст */
.PlayerBalanceModal-module__currency {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 4px !important; /* Небольшое скругление для красоты */
    padding: 0 8px !important;    /* Отступы, чтобы текст не прилипал */
}
/* Эффект наведения */
div[class*="PlayerBalanceModal-modulefooter"] button[class*="Button-moduleaccent"]:hover {
    background: #e0e0e0 !important;
    color: #000000 !important;
}
/* ГЛОБАЛЬНЫЙ СБРОС КРАСНОГО АКЦЕНТА */
:root {
    --accent-color: #ffffff !important;
    --button-accent-bg: #ffffff !important;
    --button-accent-color: #000000 !important;
}

/* САМЫЙ МОЩНЫЙ СЕЛЕКТОР ДЛЯ КНОПКИ ПОПОЛНИТЬ */
button.Button-module__accent, 
.Button-modulebtn.Button-moduleaccent,
[class*="Button-module__accent"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    background-image: none !important; /* Убирает красный градиент */
    border: none !important;
    box-shadow: none !important;
    filter: none !important; /* Убирает красное свечение, если оно есть */
}

/* Ховер (наведение) */
button.Button-module__accent:hover,
[class*="Button-module__accent"]:hover {
    background: #e0e0e0 !important;
    color: #000000 !important;
}

/* Цвет текста внутри кнопки (на случай, если там есть вложенные элементы) */
button.Button-module__accent *, 
[class*="Button-module__accent"] * {
    color: #000000 !important;
}
/* 1. ПЛАШКА RUB: Белый фон и черный текст */
.TotalSum-module__currency {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    background-image: none !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    font-weight: 400 !important;
}

/* 2. ТЕКСТ ПРО КОМАНДУ /STORE: Красный меняем на белый */
.productModalGiveText {
    color: #ffffff !important;
}

/* 3. КНОПКА "ПОЛУЧИТЬ" (на всякий случай, если она еще красная) */
.productModalFooter .Button-module__accent,
[class*="productModal"] .Button-module__accent {
    background: #ffffff !important;
    color: #000000 !important;
    background-image: none !important;
}
/* 1. КОНТЕЙНЕР ВСЕГО ВИДЖЕТА */
[class*="Wipes-module__wrapper"], /* Примерный класс для обертки вайпов */
.boxBody:has(div:contains("Full wipe")) { 
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 15px !important;
    padding: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 2. СТИЛИЗАЦИЯ СТРОК (ДАТ) */
/* Мы ищем текст с датами и форматируем его */
div:contains("wipe"), p:contains("wipe"), span:contains("wipe") {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px !important;
    margin-bottom: 5px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    font-family: 'Inter', sans-serif !important;
    transition: all 0.3s ease;
}

/* Эффект при наведении на строку вайпа */
div:contains("wipe"):hover {
    background: rgba(255, 255, 255, 0.1) !important;
    transform: translateX(5px);
}

/* 3. ВЫДЕЛЕНИЕ ТИПА ВАЙПА (Full wipe / Wipe map) */
/* Делаем текст в скобках более заметным или наоборот приглушенным */
span:contains("Full wipe"), b:contains("Full wipe") {
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 1px;
}

span:contains("Wipe map") {
    color: rgba(255, 255, 255, 0.6) !important;
}
/* Полное удаление фона у кнопки Профиль */
.PlayerMenu-module__profileLink[href="/profile"],
.PlayerMenu-module__profileLink[href="/profile"].active,
.PlayerMenu-module__profileLink[href="/profile"]:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Если нужно, чтобы текст оставался белым при наведении */
.PlayerMenu-module__profileLink[href="/profile"]:hover {
    color: #ffffff !important;
    opacity: 1.0; /* Легкое затухание вместо фона для эффекта нажатия */
}
/* Кнопка Профиль: прозрачность 0.8 в обычном состоянии */
.PlayerMenu-module__profileLink[href="/profile"] {
    background: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    opacity: 0.8 !important; /* Делаем чуть темнее */
    transition: opacity 0.2s ease !important; /* Плавный переход */
}

/* Кнопка Профиль: яркость 1.0 при наведении и когда активна */
.PlayerMenu-module__profileLink[href="/profile"]:hover,
.PlayerMenu-module__profileLink[href="/profile"].active {
    background: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    opacity: 1 !important; /* Полная яркость */
}
/* Эффект "стекла" для всех крупных блоков */
header, 
[class*="MonitoringServer-module__container"],
[class*="Card-module__wrapper"],
.boxBody,
[class*="Wipes-module__wrapper"] {
    background: rgba(20, 20, 20, 0.7) !important; /* Темный полупрозрачный фон */
    backdrop-filter: blur(10px) !important; /* Размытие заднего плана */
    border: 1px solid rgba(255, 255, 255, 0.05) !important; /* Тонкая грань */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37) !important; /* Глубокая тень */
}
/* Стилизация карточки товара */
[class*="Product-module__card"] {
    transition: transform 0.3s ease, border-color 0.3s ease !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border-radius: 12px !important;
}

/* Эффект при наведении на товар */
[class*="Product-module__card"]:hover {
    transform: translateY(-5px) !important; /* Карточка слегка приподнимается */
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Название товара - делаем шрифт более массивным */
[class*="Product-module__title"] {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
/* КНОПКА ВОЙТИ: Полное удаление фона и управление прозрачностью */
.PlayerMenu-module__loginLink {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    opacity: 0.8 !important; /* В обычном состоянии чуть темнее */
    transition: opacity 0.2s ease !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* При наведении: просто становится ярко-белой без фона */
.PlayerMenu-module__loginLink:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    opacity: 1 !important; /* Полная яркость */
    background-image: none !important;
}
/* ОБЩИЙ СТИЛЬ КНОПОК МЕНЮ */
.PlayerMenu-module__profileLink, 
.PlayerMenu-module__loginLink,
[class*="Navbar-module__item"] {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 18px !important;
    border-radius: 10px !important; /* Форма кнопок как на скрине */
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    background: rgba(255, 255, 255, 0.05) !important; /* Темный фон для обычных кнопок */
}

/* КНОПКА МАГАЗИН (Фиолетовая) */
[href="/"].PlayerMenu-module__profileLink,
[class*="nav-link"][href="/"] {
    background: #6358ff !important; /* Фиолетовый как на скрине */
    color: #ffffff !important;
}

/* КНОПКА ВОЙТИ (Зеленая как на скрине) */
.PlayerMenu-module__loginLink {
    background: #76a03e !important;
    color: #ffffff !important;
    opacity: 0.8 !important;
}

/* ЭФФЕКТ ПРИ НАВЕДЕНИИ */
.PlayerMenu-module__loginLink:hover,
[href="/"].PlayerMenu-module__profileLink:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}
/* Карточки для расписания вайпов */
[class*="Wipes"] div, 
.wipe-item {
    background: rgba(255, 255, 255, 0.03) !important;
    border-left: 3px solid #6358ff !important; /* Фиолетовая полоска слева */
    margin-bottom: 8px !important;
    padding: 12px !important;
    border-radius: 6px !important;
    display: flex !important;
    justify-content: space-between !important;
}
/* Кнопка "Магазин" (Shop) — Яркий фиолетовый */
.PlayerMenu-module__profileLink[href="/"],
[class*="nav-link"][href="/"] {
    background-color: #6d5dff !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    background-image: none !important;
}

/* Кнопка "Войти" (Login) — Фирменный зеленый */
.PlayerMenu-module__loginLink {
    background-color: #76a03e !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    font-weight: 400 !important;
    background-image: none !important;
    opacity: 0.8 !important;
}

/* Остальные кнопки (Servers, Support, Help) — Темный стиль */
[class*="Navbar-module__item"],
[class*="Header-module__link"] {
    background-color: rgba(30, 31, 48, 0.8) !important;
    color: #a2a3b7 !important;
    border-radius: 8px !important;
    margin: 0 4px !important;
}

/* Эффект при наведении */
.PlayerMenu-module__loginLink:hover, 
.PlayerMenu-module__profileLink:hover {
    filter: brightness(1.1);
}
/* Полоска онлайна с градиентом */
[class*="MonitoringServer-module__progressFill"] {
    background: linear-gradient(90deg, #5142ff 0%, #20e3b2 100%) !important;
    box-shadow: 0 0 10px rgba(81, 66, 255, 0.3) !important;
}

/* Фон полоски (пустой части) */
[class*="MonitoringServer-module__progressBar"] {
    background-color: rgba(255, 255, 255, 0.05) !important;
    height: 6px !important;
    border-radius: 10px !important;
}

/* Номер сервера (фиолетовый квадрат) */
[class*="MonitoringServer-module__index"] {
    background-color: #6d5dff !important;
    border-radius: 6px !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* Плашка RUB (Белый фон, черный текст) */
.TotalSum-module__currency {
    background: #ffffff !important;
    color: #000000 !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    font-weight: bold !important;
}

/* Текст "/store в чат" — делаем его белым */
.productModalGiveText {
    color: #ffffff !important;
    text-shadow: none !important;
    opacity: 0.8 !important;
}

/* Кнопка "Получить" — делаем как на скрине (белая/светлая) */
.productModalFooter button {
    background: #ffffff !important;
    color: #000000 !important;
    border-radius: 8px !important;
}
/* 1. Прячем лишние языки */
.LangSwitcher-module__list button:nth-child(n+3) {
    display: none !important;
}

/* 2. Настройка выпадающего списка (Поверх всего и компактность) */
.LangSwitcher-module__list {
    background: #15151e !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 4px !important;
    
    /* Делаем поверх всего */
    position: absolute !important;
    z-index: 999999 !important; /* Максимальный приоритет */
    
    /* Уменьшаем размер */
    min-width: 60px !important; 
    width: auto !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
}

/* 3. Замена текста на RU и EN + стилизация кнопок */
.LangSwitcher-module__lang {
    font-size: 0 !important; /* Прячем старый текст */
    padding: 6px 10px !important;
    text-align: center !important;
    color: #ffffff !important;
}

/* Добавляем RU */
.LangSwitcher-module__lang:nth-child(1)::before {
    content: "RU";
    font-size: 13px !important; /* Новый размер шрифта */
    font-weight: 700;
}

/* Добавляем EN */
.LangSwitcher-module__lang:nth-child(2)::before {
    content: "EN";
    font-size: 13px !important;
    font-weight: 700;
}

/* Эффект при наведении */
.LangSwitcher-module__lang:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}
/* 3. Замена текста на RU и EN + правильные цвета */
.LangSwitcher-module__lang {
    font-size: 0 !important; /* Прячем "Русский/English" */
    padding: 8px 12px !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    display: block !important;
    width: 100% !important;
}

/* Настраиваем внешний вид RU и EN */
.LangSwitcher-module__lang::before {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.5) !important; /* Делаем текст серым/полупрозрачным */
    transition: all 0.2s ease !important;
}

/* Контент для каждой кнопки */
.LangSwitcher-module__lang:nth-child(1)::before {
    content: "RU";
}

.LangSwitcher-module__lang:nth-child(2)::before {
    content: "EN";
}

/* ЭФФЕКТ ПРИ НАВЕДЕНИИ: Текст становится ярко-белым, а фон подсвечивается */
.LangSwitcher-module__lang:hover::before {
    color: #ffffff !important; /* Ярко-белый при наведении */
}

.LangSwitcher-module__lang:hover {
    background: rgba(255, 255, 255, 0.05) !important; /* Легкая подсветка фона кнопки */
}
.LangSwitcher-module__list {
    background: #ffffff !important; /* Темнее основного фона */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.LangSwitcher-module__lang::before {
    background: rgba(255, 255, 255, 0.03) !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    color: #808080 !important; /* Приглушенный цвет */
}

.LangSwitcher-module__lang:hover::before {
    color: #808080 !important;
    background: rgba(255, 255, 255, 0.08) !important;
}
/* Основные пункты меню */
.header-top__menu {
    display: flex !important;
    gap: 10px !important;
    list-style: none !important;
}

.header-top__menu-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: 0.2s !important;
    background: rgba(30, 31, 48, 0.6) !important; /* Цвет как у Servers/Support */
    color: #a2a3b7 !important;
}

/* КНОПКА ВОЙТИ (Зеленая) */
.header-top__auth.auth-btn,
.PlayerMenu-module__loginLink {
    background-color: #76a03e !important; /* Тот самый зеленый с Magic Rust */
    color: #ffffff !important;
    opacity: 1 !important; /* Убираем прозрачность */
    transition: filter 0.2s ease !important; /* Плавность только для яркости */
}

/* Состояние при наведении: кнопка просто становится чуть ярче, но не исчезает */
.header-top__auth.auth-btn:hover,
.PlayerMenu-module__loginLink:hover {
    background-color: #76a03e !important; /* Фон остается зеленым */
    filter: brightness(1.1) !important; /* Слегка подсвечиваем */
    color: #ffffff !important;
    opacity: 1 !important;
}