/* ====== Светлая тема для moneta5.live (Этап 1) ====== */ /* Активируется классом .light-theme на . */ /* Базовые фоны и текст */ body.light-theme { background-color: #f0f2f5 !important; color: #1a1d24 !important; } body.light-theme .cards { background: #ffffff !important; } /* Поля ввода */ body.light-theme .form-control { background-color: #ffffff !important; border: 1px solid #e2e5ea !important; color: #1a1d24 !important; } /* Таблицы */ body.light-theme td, body.light-theme th { border-bottom: 1px solid #e2e5ea !important; color: #1a1d24 !important; } /* Меню игр снизу */ body.light-theme .games-item { border-top: 1px solid #e8eaee !important; } body.light-theme .still svg { fill: #6b7280 !important; } body.light-theme .still .games-title, body.light-theme .games-title { color: #4b5563 !important; } /* Иконки игр в светлой теме НЕ инвертируем (в тёмной был invert) */ body.light-theme .games-img, body.light-theme .gm { filter: none !important; } /* Общие контейнеры/блоки, которые в тёмной были тёмными */ body.light-theme .profile-block, body.light-theme .menu, body.light-theme .modal-content, body.light-theme .popup, body.light-theme .block, body.light-theme .card, body.light-theme .history-item { background: #ffffff !important; color: #1a1d24 !important; } /* ===== Этап 2: шапка, меню, подвал ===== */ body.light-theme .header { background-color: #ffffff !important; border-bottom: 1px solid #e2e5ea !important; } body.light-theme .games-menu { background-color: #ffffff !important; border-top: 1px solid #e2e5ea !important; } body.light-theme .header-menu { background-color: #ffffff !important; border-bottom: 8px solid #e2e5ea !important; } body.light-theme .header .item, body.light-theme .header-menu .item { color: #4b5563 !important; } body.light-theme .footer, body.light-theme .footers { color: #4b5563 !important; } /* ===== Этап 3: профиль, LIVE-виджет, границы меню ===== */ body.light-theme .profile-box { background: #ffffff !important; border: 1px solid #e8eaee !important; color: #1a1d24 !important; } body.light-theme .profile-box:hover { background: #f7f8fa !important; } body.light-theme .profile-box > p, body.light-theme .profile-box i { color: #1a1d24 !important; } body.light-theme .winner-card, body.light-theme .live-winners-section { background: #ffffff !important; border: 1px solid #e8eaee !important; } body.light-theme .winner-details, body.light-theme .winner-amount, body.light-theme .winner-multiplier { color: #1a1d24 !important; } body.light-theme .header-menu, body.light-theme .games-menu, body.light-theme .menu { border-color: #e2e5ea !important; } /* ===== Этап 4: финал — все оставшиеся тёмные блоки ===== */ body.light-theme .diceRouletteBox { background-color: #f7f8fa !important; border: 1px solid #e2e5ea !important; } body.light-theme .likeLevlBox { background-color: #f7f8fa !important; } body.light-theme .card-header { background-color: #ffffff !important; color: #1a1d24 !important; } body.light-theme .modal-content { background-color: #ffffff !important; color: #1a1d24 !important; } body.light-theme .modal-header { border-bottom: 1px solid #e2e5ea !important; } body.light-theme .legend-wheel-coefficient, body.light-theme .legend-wheel-inner { background-color: #e8eaee !important; } body.light-theme .legend-wheel-coefficient-item > span { color: #1a1d24 !important; } body.light-theme .lvl, body.light-theme .sumDep { color: #4b5563 !important; } body.light-theme .close { color: #1a1d24 !important; } body.light-theme .stepsCoffs { border: 1px solid #d8dce2 !important; } body.light-theme .form-control:focus { border-color: #93c5fd !important; } /* ===== Этап 5: глобальный текст тёмный + контейнер профиля + тёмные плашки ===== */ body.light-theme, body.light-theme p, body.light-theme span, body.light-theme div, body.light-theme h1, body.light-theme h2, body.light-theme h3, body.light-theme h4, body.light-theme h5, body.light-theme label, body.light-theme li, body.light-theme td, body.light-theme th, body.light-theme a { color: #1a1d24; } body.light-theme .profile { background: #ffffff !important; } body.light-theme .box-with-warning, body.light-theme .box-with-success, body.light-theme .box-with-danger, body.light-theme .box-with-primary { color: #ffffff !important; } body.light-theme .ser, body.light-theme .green, body.light-theme .gree, body.light-theme .gold, body.light-theme .red, body.light-theme .blue, body.light-theme .blu, body.light-theme .winT, body.light-theme .live_, body.light-theme .amount-number { color: #ffffff !important; } body.light-theme .green *, body.light-theme .red *, body.light-theme .ser *, body.light-theme .blue * { color: #ffffff !important; } /* ===== Этап 6: название Moneta черное + Пополнить белый ===== */ body.light-theme .header .list > .ml-2 { color: #1a1d24 !important; } body.light-theme .header .logo-text { color: #1a1d24 !important; } body.light-theme .green, body.light-theme .green *, body.light-theme button.green, body.light-theme a.green { color: #ffffff !important; } body.light-theme .red, body.light-theme .red *, body.light-theme button.red, body.light-theme a.red { color: #ffffff !important; } /* ===== Этап 6б: заголовки секций на главной ===== */ body.light-theme .main-games__title, body.light-theme .main-games__title * { color: #1a1d24 !important; } body.light-theme .provider-name { color: #1a1d24 !important; } /* ===== Этап 8: светлый splash-экран загрузки ===== */ html.light-theme .loading-screen, body.light-theme .loading-screen { background: #f0f2f5 !important; } html.light-theme .project-title, body.light-theme .project-title { color: #1a1d24 !important; } /* ===== Этап 9: страницы пополнения/вывода + контейнер профиля ===== */ body.light-theme .profile-container, body.light-theme .profile-left, body.light-theme .NewMainContainer, body.light-theme .NewContainerLeft { background: #ffffff !important; } body.light-theme .payment-option { background: #f0f2f5 !important; border: 1px solid #e2e5ea !important; } body.light-theme .payment-selection, body.light-theme .selection-container { background: transparent !important; } body.light-theme .NewContainerRight, body.light-theme .payment-details, body.light-theme .payment-form, body.light-theme .input-group, body.light-theme .form-group, body.light-theme .deposit-amount, body.light-theme .amount-input { background: #ffffff !important; } body.light-theme select, body.light-theme .custom-select { background: #f0f2f5 !important; color: #1a1d24 !important; border: 1px solid #e2e5ea !important; } /* ===== Этап 9б: точные классы Payment.vue ===== */ body.light-theme .NewContainerBox { background: #ffffff !important; border: 1px solid #e8eaee !important; } body.light-theme .payment-card { background: #f0f2f5 !important; border: 1px solid #e2e5ea !important; } body.light-theme .payment-card.active { background: #e6efff !important; border: 1px solid #3461df !important; } body.light-theme .bank-selection-card { background: #f0f2f5 !important; border: 1px solid #e2e5ea !important; } body.light-theme .bank-selection-card.active { background: #e6efff !important; border: 1px solid #3461df !important; } body.light-theme .payment-card-text, body.light-theme .bank-selection-text { color: #1a1d24 !important; } body.light-theme .NewContainerInput { background: #ffffff !important; color: #1a1d24 !important; border: 1px solid #e2e5ea !important; } body.light-theme .group-methods-picker { background: #ffffff !important; } /* ===== Этап 10: FS-блок светлый + реф-текст темный + селект прозрачный ===== */ body.light-theme .deposit-bonus-wrap, body.light-theme .deposit-bonus-btn, body.light-theme .fs-select-card, body.light-theme .freespins-card, body.light-theme .fs-card, body.light-theme .bonus-card, body.light-theme .freerounds-card { background: #f7f8fa !important; border: 1px solid #e2e5ea !important; } body.light-theme select, body.light-theme .custom-select, body.light-theme .NewContainerInput { background: transparent !important; } body.light-theme .ref-info, body.light-theme .ref-description, body.light-theme .ref-text, body.light-theme .level-requirement, body.light-theme .ref-card p, body.light-theme .ref-card span, body.light-theme .ref-content p, body.light-theme .ref-content span { color: #1a1d24 !important; } body.light-theme [class*="deposit-bonus"] { color: #1a1d24 !important; } /* ===== Этап 10б: точные классы FS-блока и реф-системы ===== */ body.light-theme .hotfiesta-fs-block, body.light-theme .hotfiesta-fs-list-vertical { background: transparent !important; } body.light-theme .hotfiesta-fs-vert-item { background: #f7f8fa !important; border: 1px solid #e2e5ea !important; } body.light-theme .hotfiesta-fs-vert-item.active, body.light-theme .hotfiesta-fs-vert-item.active-max { background: #e6efff !important; border: 1px solid #3461df !important; } body.light-theme .slot-select-button { background: #f7f8fa !important; border: 1px solid #e2e5ea !important; } body.light-theme .slot-select-button-title, body.light-theme .slot-select-button-provider, body.light-theme .slot-select-button-placeholder { color: #1a1d24 !important; } body.light-theme .ref-banner__text, body.light-theme .ref-table__cell, body.light-theme .content.cards p, body.light-theme .content.cards span, body.light-theme .content.cards div { color: #1a1d24 !important; } body.light-theme .ref-input { background: #f0f2f5 !important; color: #1a1d24 !important; border: 1px solid #e2e5ea !important; } /* ===== Этап 11: FS-текст темный, модалка слотов белая, стрелки прозрачные, LIVE темный ===== */ body.light-theme .hotfiesta-fs-vert-fs, body.light-theme .hotfiesta-fs-vert-bet, body.light-theme .hotfiesta-fs-vert-min, body.light-theme .hotfiesta-fs-vert-fs *, body.light-theme .hotfiesta-fs-vert-bet * { color: #1a1d24 !important; } body.light-theme .slot-modal-dialog, body.light-theme .slot-modal-header, body.light-theme .slot-modal-content { background: #ffffff !important; } body.light-theme .slot-modal-overlay { background: rgba(0,0,0,0.4) !important; } body.light-theme .slot-modal-close { color: #1a1d24 !important; } body.light-theme .nav-buttons button, body.light-theme .nav-button-all, body.light-theme .nav-button-prev, body.light-theme .nav-button-next { background: transparent !important; border: 1px solid #d8dce2 !important; color: #1a1d24 !important; } body.light-theme .winner-card { background: #f7f8fa !important; border: 1px solid #e2e5ea !important; } body.light-theme .winner-details, body.light-theme .live-winners-header, body.light-theme .live-winners-header *, body.light-theme .winner-game-name, body.light-theme .winner-login { color: #1a1d24 !important; } /* ===== Этап 12: лейблы в играх темные ===== */ body.light-theme .mines-label, body.light-theme .dice-control-label, body.light-theme .dice-result-label, body.light-theme .mines-step-item__label, body.light-theme .limbo-control-label, body.light-theme .tower-control-label, body.light-theme .coinflip-control-label, body.light-theme .game-control-label, body.light-theme .control-label, body.light-theme .bet-label { color: #1a1d24 !important; } /* ===== Этап 13: ВСЕ лейблы игр темные (универсально) ===== */ body.light-theme [class$="-label"], body.light-theme [class*="-label "], body.light-theme [class*="control-label"], body.light-theme [class*="result-label"], body.light-theme [class*="-control-group"] label, body.light-theme .tower-control-label, body.light-theme .keno-control-label, body.light-theme .plinko-control-label, body.light-theme .wheel-control-label, body.light-theme .coinflip-control-label, body.light-theme .limbo-control-label, body.light-theme .limbo-label, body.light-theme .game-label { color: #1a1d24 !important; } /* ===== Этап 14: Bubbles лейблы + усиление специфичности ===== */ html.light-theme body.light-theme .bubbles-control-label, html.light-theme body.light-theme .tower-control-label, html.light-theme body.light-theme .dice-control-label, html.light-theme body.light-theme .dice-result-label, html.light-theme body.light-theme .mines-label, html.light-theme body.light-theme .coinflip-control-label, html.light-theme body.light-theme .coinflip-side-label, html.light-theme body.light-theme .coinflip-stat-label, html.light-theme body.light-theme .game-sidebar__input-label, html.light-theme body.light-theme [class$="-label"], html.light-theme body.light-theme [class*="-control-label"] { color: #1a1d24 !important; } html.light-theme body.light-theme .bubbles-control-group label, html.light-theme body.light-theme [class*="-control-group"] label { color: #1a1d24 !important; } /* ===== Этап 14: Bubbles (Limbo) лейблы темные ===== */ body.light-theme .bubbles-control-label, body.light-theme label.bubbles-control-label, body.light-theme .bubbles-control-group .bubbles-control-label, body.light-theme .bubbles-control-group label { color: #1a1d24 !important; } /* ===== Этап 15: ВЕСЬ текст в играх темный (значения, суммы, проценты, поля ввода) ===== */ html.light-theme body.light-theme .content.cards input, html.light-theme body.light-theme .content.cards input[type="text"], html.light-theme body.light-theme .content.cards input[type="number"], html.light-theme body.light-theme .bubbles-control-group input, html.light-theme body.light-theme .dice-amount-input input, html.light-theme body.light-theme .mines-amount-input input, html.light-theme body.light-theme [class*="-amount-input"] input, html.light-theme body.light-theme [class*="-control-group"] input, html.light-theme body.light-theme [class*="-input"] input { color: #1a1d24 !important; } html.light-theme body.light-theme .content.cards span:not([class*="green"]):not([class*="red"]):not([class*="blue"]):not([class*="btn"]), html.light-theme body.light-theme [class*="-control-group"] span, html.light-theme body.light-theme [class*="-amount"] span, html.light-theme body.light-theme [class*="-value"], html.light-theme body.light-theme [class*="-result"]:not(button):not([class*="btn"]) { color: #1a1d24 !important; } /* ===== Этап 16: ВЕСЬ текст в играх черный, максимальная жесткость ===== */ html.light-theme body.light-theme .content.cards, html.light-theme body.light-theme .content.cards *:not(button):not(a):not(i):not(svg):not(img):not(path) { color: #1a1d24 !important; } html.light-theme body.light-theme .content.cards input, html.light-theme body.light-theme .content.cards input::placeholder { color: #1a1d24 !important; -webkit-text-fill-color: #1a1d24 !important; opacity: 1 !important; } /* ===== Этап 17: поля ввода в играх прозрачные/светлые ===== */ html.light-theme body.light-theme .bubbles-amount-input, html.light-theme body.light-theme .bubbles-input, html.light-theme body.light-theme .dice-amount-input, html.light-theme body.light-theme .mines-amount-input, html.light-theme body.light-theme [class*="-amount-input"], html.light-theme body.light-theme [class*="-amount-input"] input { background: transparent !important; } html.light-theme body.light-theme .bubbles-amount-input, html.light-theme body.light-theme .dice-amount-input, html.light-theme body.light-theme .mines-amount-input, html.light-theme body.light-theme [class*="-amount-input"] { border: 1px solid #d8dce2 !important; border-radius: 10px !important; } /* ===== Этап 18: поля bubbles - текст черный + рамка видимая ===== */ html.light-theme body.light-theme input.bubbles-input, html.light-theme body.light-theme .bubbles-input, html.light-theme body.light-theme .bubbles-amount-input input, html.light-theme body.light-theme .bubbles-amount-input .bubbles-input { color: #1a1d24 !important; -webkit-text-fill-color: #1a1d24 !important; opacity: 1 !important; background: transparent !important; } html.light-theme body.light-theme .bubbles-amount-input { background: #ffffff !important; border: 1px solid #d8dce2 !important; border-radius: 10px !important; } html.light-theme body.light-theme input.bubbles-input::placeholder { color: #8a909c !important; -webkit-text-fill-color: #8a909c !important; opacity: 1 !important; } /* ===== Этап 19: bubbles-input максимально агрессивно ===== */ html body.light-theme .content.cards input.bubbles-input, html body.light-theme .content.cards input[type="number"].bubbles-input, html body.light-theme .bubbles-controls-tower input, html body.light-theme .bubbles-controls-row input, html body.light-theme .game-sidebar-hide-desktop input, html body.light-theme .game-area_bubbles input, html body.light-theme div.bubbles-amount-input > input { color: #111111 !important; -webkit-text-fill-color: #111111 !important; caret-color: #111111 !important; opacity: 1 !important; } /* ===== Этап 23: ВИДИМЫЕ поля ввода во ВСЕХ играх (рамка+фон) ===== */ html.light-theme body.light-theme .content.cards input, html.light-theme body.light-theme [class*="-amount-input"], html.light-theme body.light-theme [class*="-amount-input"] input, html.light-theme body.light-theme .bubbles-amount-input, html.light-theme body.light-theme .mines-amount-input, html.light-theme body.light-theme .mines-input, html.light-theme body.light-theme .dice-amount-input { background: #ffffff !important; border: 1px solid #d0d5dd !important; border-radius: 10px !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; caret-color: #111111 !important; opacity: 1 !important; } html.light-theme body.light-theme .content.cards input::placeholder { color: #98a2b3 !important; -webkit-text-fill-color: #98a2b3 !important; opacity: 1 !important; } /* ===== Этап 24: поля всех игр - белый фон+рамка, перебить scoped ===== */ html.light-theme body.light-theme .content.cards .mines-amount-input, html.light-theme body.light-theme .content.cards .dice-amount-input, html.light-theme body.light-theme .content.cards .tower-amount-input, html.light-theme body.light-theme .content.cards .coinflip-amount-input, html.light-theme body.light-theme .content.cards [class$="-amount-input"], html.light-theme body.light-theme .content.cards .game-sidebar__input-wrapper { background: #ffffff !important; border: 1px solid #cfd4dc !important; border-radius: 10px !important; } html.light-theme body.light-theme .content.cards .mines-input, html.light-theme body.light-theme .content.cards .dice-input, html.light-theme body.light-theme .content.cards .tower-input, html.light-theme body.light-theme .content.cards .coinflip-input, html.light-theme body.light-theme .content.cards [class$="-input"]:not(button), html.light-theme body.light-theme .content.cards input[type="number"] { background: transparent !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; caret-color: #111111 !important; opacity: 1 !important; } /* ===== Этап 25: кнопки ставок в Plinko/Keno/Wheel (amount-number, input-group) ===== */ html.light-theme body.light-theme .content.cards .amount-number, html.light-theme body.light-theme .content.cards .input-group-text, html.light-theme body.light-theme .content.cards .input-group-text.amount-number { background-color: #eef1f5 !important; background: #eef1f5 !important; color: #344054 !important; border: 1px solid #d0d5dd !important; } html.light-theme body.light-theme .content.cards .amount-number.active { background-color: #3461df !important; background: #3461df !important; color: #ffffff !important; border-color: #3461df !important; } html.light-theme body.light-theme .content.cards .mines-amount .form-control.form, html.light-theme body.light-theme .content.cards .mines-bets .form-control { background-color: #ffffff !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; } /* ===== Этап 26: цифры в селекторе бомб/призраков Mines/Tower ===== */ html.light-theme body.light-theme .content.cards .mines-bomb-btn, html.light-theme body.light-theme .content.cards .tower-bomb-btn { background-color: #eef1f5 !important; background: #eef1f5 !important; color: #344054 !important; -webkit-text-fill-color: #344054 !important; border: 1px solid #d0d5dd !important; } html.light-theme body.light-theme .content.cards .mines-bomb-btn--active, html.light-theme body.light-theme .content.cards .tower-bomb-btn.active { background-color: #3461df !important; background: #3461df !important; color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; border-color: #3461df !important; } /* ===== Этап 28: Пополнить в шапке — белый текст ===== */ body.light-theme .header-action-btn--deposit, body.light-theme .header-action-btn--deposit *, body.light-theme .payment-btn-text, body.light-theme .payment-btn-with-gift, body.light-theme .payment-btn-with-gift * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ===== Этап 29: нижнее меню игр — активный пункт жёлтый ===== */ body.light-theme .games-menu .games-item.active .games-title, body.light-theme .games-menu .games-item.active .still .games-title, body.light-theme .games-menu .games-item.isActive .games-title, body.light-theme .games-menu .games-item.active, body.light-theme .games-menu .games-item.isActive, body.light-theme .games-menu .router-link-active .games-title, body.light-theme .games-menu .router-link-exact-active .games-title, body.light-theme .games-menu .active .games-title { color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; } /* И SVG-иконка активного пункта — тоже жёлтая */ body.light-theme .games-menu .games-item.active svg, body.light-theme .games-menu .games-item.active .still svg, body.light-theme .games-menu .router-link-active svg, body.light-theme .games-menu .active svg { fill: #fbbf24 !important; } /* ===== Этап 30: нижнее меню (LeftMenu) — активный пункт жёлтый ===== */ body.light-theme .games-menu .games-item.isActive .games-title, body.light-theme .games-menu .games-item.yellow .games-title, body.light-theme .left-main .games-item.isActive .games-title, body.light-theme .left-main .games-item.yellow .games-title { color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; } /* ===== Этап 31: активный пункт меню — жёлтый (максимальный вес) ===== */ html.light-theme body.light-theme .left-main.cards .games-menu .games-item.isActive .games-title, html.light-theme body.light-theme .left-main.cards .games-menu .games-item.yellow .games-title, html.light-theme body.light-theme .games-item.isActive.yellow .games-title, html.light-theme body.light-theme .games-item.isActive .games-title, html.light-theme body.light-theme .games-item.yellow .games-title { color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; } /* ===== Этап 32: кнопка Пополнить на балансе — белый текст ===== */ html.light-theme body.light-theme .balance-btn--deposit, html.light-theme body.light-theme .balance-btn--deposit *, html.light-theme body.light-theme .balance-buttons .balance-btn { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ===== Этап 33: ЯДЕРНЫЙ перебив — активный пункт жёлтый + Пополнить белый ===== */ html body.light-theme .games-item.isActive .games-title, html body.light-theme .games-item.yellow .games-title, html body.light-theme .games-item.isActive, html body.light-theme .games-item.yellow, html body.light-theme .isActive .games-title { color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; } html body.light-theme .balance-buttons .balance-btn, html body.light-theme .balance-buttons .balance-btn *, html body.light-theme button.balance-btn, html body.light-theme button.balance-btn--deposit, html body.light-theme button.balance-btn--withdraw { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ===== Этап 34: перебиваем строку 480 (вес выше) ===== */ html.light-theme body.light-theme .left-main.cards .games-item.isActive .games-title:not(button):not(a):not(i):not(svg):not(img):not(path), html.light-theme body.light-theme .left-main.cards .games-item.yellow .games-title:not(button):not(a):not(i):not(svg):not(img):not(path), html.light-theme body.light-theme .content.cards .games-item.isActive .games-title:not(button):not(a):not(i):not(svg):not(img):not(path), html.light-theme body.light-theme .content.cards .games-item.yellow .games-title:not(button):not(a):not(i):not(svg):not(img):not(path) { color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; } html.light-theme body.light-theme .content.cards .balance-buttons button.balance-btn:not(a):not(i):not(svg):not(img):not(path), html.light-theme body.light-theme .left-main.cards .balance-buttons button.balance-btn, html.light-theme body.light-theme .balance-buttons button.balance-btn--deposit, html.light-theme body.light-theme .balance-buttons button.balance-btn--withdraw { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ===== Этап 35: игровые панели (Mines/CoinFlip/Dice/Tower) в светлой теме ===== */ body.light-theme .mines-bombs-row, body.light-theme .mines-amount-input, body.light-theme .coinflip-amount-input, body.light-theme .dice-amount-input, body.light-theme .tower-amount-input { background: #ffffff !important; border-color: #cfd4dc !important; } body.light-theme .mines-bomb-btn, body.light-theme .mines-input-btn, body.light-theme .coinflip-input-btn, body.light-theme .dice-input-btn, body.light-theme .tower-input-btn, body.light-theme .tower-bomb-btn { background: #eef1f5 !important; border-color: #d0d5dd !important; color: #344054 !important; } body.light-theme .mines-step-item:not(.mines-step-item--active):not(.mines-step-item--win):not(.mines-step-item--lose), body.light-theme .tower-row-coef { background: #eef1f5 !important; border-color: #d0d5dd !important; } body.light-theme .mines-input, body.light-theme .mines-currency, body.light-theme .coinflip-input, body.light-theme .coinflip-currency, body.light-theme .coinflip-stat-value, body.light-theme .dice-input, body.light-theme .dice-currency, body.light-theme .dice-suffix, body.light-theme .tower-input, body.light-theme .tower-currency { color: #111111 !important; } /* ===== Этап 36: универсальные игровые панели + Bubbles/Limbo ===== */ body.light-theme [class*="-amount-input"] { background: #ffffff !important; border: 1px solid #cfd4dc !important; } body.light-theme [class*="-input-btn"] { background: #eef1f5 !important; border-color: #d0d5dd !important; color: #344054 !important; } body.light-theme [class*="-amount-input"] input, body.light-theme [class*="-currency"], body.light-theme [class*="-suffix"] { color: #111111 !important; } body.light-theme [class*="-control-label"] { color: #444954 !important; } body.light-theme .game-area_bubbles-options { background: #ffffff !important; border: 1px solid #cfd4dc !important; } body.light-theme .bubbles-pick-helper { background: #ffffff !important; border: 1px solid #cfd4dc !important; color: #111111 !important; } body.light-theme .game-sidebar_input-label { color: #444954 !important; } /* ===== Stage 37: bonus titles (fortuna + Free Spins) light theme ===== */ body.light-theme .daily-fortune-title, body.light-theme .bonus-card__title{color:#111111 !important;} body.light-theme .bonus-card__description, body.light-theme .bonus-card__condition, body.light-theme .bonus-card__help-text{color:#444954 !important;} /* ===== Stage 38: VipClub + DepositBonus + Terms/Policy light theme ===== */ body.light-theme .vip-header__title, body.light-theme .boost-card__title, body.light-theme .boost-card__description h4 { color: #111111 !important; } body.light-theme .boost-card__info-label, body.light-theme .boost-card__info-value, body.light-theme .boost-card__help-text, body.light-theme .boost-card__description { color: #444954 !important; } body.light-theme .deposit-bonus-card, body.light-theme .deposit-bonus-card .deposit-bonus-title, body.light-theme .deposit-bonus-card .deposit-bonus-desc, body.light-theme .deposit-bonus-card .deposit-bonus-list, body.light-theme .deposit-bonus-card .deposit-bonus-list li, body.light-theme .deposit-bonus-card .deposit-bonus-hint { color: #ffffff !important; } body.light-theme .terms__wrapper, body.light-theme .terms__wrapper *, body.light-theme .card-crypto { background: #ffffff !important; color: #1a1d24 !important; } /* ===== Stage 39: Faq page light theme ===== */ body.light-theme .faq-container{background:transparent !important;color:#1a1d24 !important;} body.light-theme .faq-section{background:#ffffff !important;} body.light-theme .section-title{color:#111111 !important;} body.light-theme .rule-item, body.light-theme .faq-question, body.light-theme .faq-question h3, body.light-theme .faq-answer{color:#1a1d24 !important;} body.light-theme .rule-item, body.light-theme .faq-item{background:#f5f6f8 !important;border-color:#e2e5ea !important;} /* ===== Stage 40: BonusList h4 (Условия получения) light theme ===== */ body.light-theme .bonus-card h4, body.light-theme .bonus-card__description h4{color:#111111 !important;} /* ===== Stage 41: disabled buttons + help-text + DepositBonus white card ===== */ body.light-theme .bonus-card__button--disabled, body.light-theme .boost-card__button--disabled, body.light-theme .bonus-card__button:disabled, body.light-theme .boost-card__button:disabled{background:#e2e5ea !important;color:#667085 !important;} body.light-theme .boost-card__help-text, body.light-theme .bonus-card__help-text{background:#f0f2f5 !important;color:#444954 !important;} body.light-theme .deposit-bonus-card{background:#ffffff !important;border:1px solid #e0c76a !important;} body.light-theme .deposit-bonus-card, body.light-theme .deposit-bonus-card .deposit-bonus-title{color:#111111 !important;} body.light-theme .deposit-bonus-card .deposit-bonus-desc, body.light-theme .deposit-bonus-card .deposit-bonus-list, body.light-theme .deposit-bonus-card .deposit-bonus-list li, body.light-theme .deposit-bonus-card .deposit-bonus-hint{color:#444954 !important;} /* ===== Stage 42: Ref header title light theme ===== */ body.light-theme .ref-header__title{color:#111111 !important;} /* ===== Stage 43: darker gold on light theme for deposit bonus card ===== */ body.light-theme .deposit-bonus-card .gold-text{background:linear-gradient(100deg,#c98a00,#e07800) !important;-webkit-background-clip:text !important;background-clip:text !important;} body.light-theme .deposit-bonus-card .example-value{color:#111111 !important;} body.light-theme .deposit-bonus-card .example-label{color:#667085 !important;} body.light-theme .deposit-bonus-card .deposit-bonus-example{background:#f5f6f8 !important;border-color:#e2e5ea !important;} /* ===== Stage 44: Slot page light theme ===== */ body.light-theme .slot-controls{background:#ffffff !important;border:1px solid #e2e5ea !important;} body.light-theme .slot-title{color:#111111 !important;} body.light-theme .control-btn{background:#eef1f5 !important;border-color:#d0d5dd !important;color:#344054 !important;} body.light-theme .slot-wrapper{background:#e9ecf1 !important;} /* ===== Stage 45: Slots search/providers dropdown + Tower win popup light theme ===== */ body.light-theme .search_, body.light-theme .search_ input{background:#ffffff !important;color:#111111 !important;border-color:#cfd4dc !important;} body.light-theme .search_ input::placeholder{color:#8b94a8 !important;} body.light-theme .dropdown__inner{background:#ffffff !important;border:1px solid #e2e5ea !important;box-shadow:0 8px 24px rgba(0,0,0,0.12) !important;} body.light-theme .dropdown__inner li, body.light-theme .dropdown__inner li *{color:#1a1d24 !important;} body.light-theme .dropdown__inner li:hover{background:#f0f2f5 !important;} body.light-theme .tower-win-popup__inner{background:#ffffff !important;border:1px solid #e2e5ea !important;} body.light-theme .tower-win-popup__title, body.light-theme .tower-win-popup__amount{color:#111111 !important;} body.light-theme .tower-win-popup__multiplier{color:#667085 !important;} body.light-theme .tower-win-popup__close{color:#667085 !important;} /* ===== Stage 46: kill yellow glow on bonus card in light theme ===== */ body.light-theme .deposit-bonus-card{box-shadow:0 6px 20px rgba(0,0,0,0.08) !important;} body.light-theme .deposit-bonus-badge{box-shadow:0 2px 6px rgba(0,0,0,0.15) !important;} body.light-theme .deposit-bonus-btn{box-shadow:0 3px 10px rgba(0,0,0,0.12) !important;} body.light-theme .deposit-bonus-btn:not(:disabled):hover{box-shadow:0 5px 14px rgba(0,0,0,0.16) !important;} /* ===== Stage 47: profile modals (rank system, cashback, confirm) in light theme ===== */ body.light-theme .modal-box{background:#ffffff !important;color:#111111 !important;border:1px solid #e2e5ea !important;box-shadow:0 10px 30px rgba(0,0,0,0.12) !important;} body.light-theme .modal-box .modal-title{color:#111111 !important;} body.light-theme .modal-box p{color:#333a45 !important;} body.light-theme .user-rank-stats{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;color:#333a45 !important;} body.light-theme .user-rank-stats p{color:#333a45 !important;} body.light-theme .rank-item{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;} body.light-theme .rank-item:hover{background:#eef0f3 !important;} body.light-theme .rank-stats p{color:#333a45 !important;} body.light-theme .rank-reward{color:#1a5fd0 !important;} /* ===== Stage 48: header menu pills, payment/slots/profile buttons in light theme ===== */ body.light-theme .header-menu .item{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;color:#111111 !important;} body.light-theme .header-menu .item span{color:#111111 !important;} body.light-theme .header-menu .item i{color:#333a45 !important;} body.light-theme .header-menu .item.isActive{background:#eef0f3 !important;border-color:#c9cedb !important;} body.light-theme .show-all-methods-btn{background:#ffffff !important;color:#111111 !important;border:1px solid #c9cedb !important;} body.light-theme .casino-set.casino-provider{background:#f5f6f8 !important;border:1px solid #c9cedb !important;} body.light-theme .casino-set.casino-provider span{color:#111111 !important;} body.light-theme .profile-button{color:#ffffff !important;background:#2e7d32 !important;} body.light-theme .profile-button span{color:#ffffff !important;} /* ===== Stage 49c: tower cells visible; mines untouched (native styles) ===== */ body.light-theme .tower-btn{background-color:#c9cfda !important;border:1px solid #b6bdcb !important;opacity:1 !important;} body.light-theme .tower-btn--current{background-color:#ffffff !important;border:2px solid #4a7dde !important;box-shadow:0 2px 6px rgba(0,0,0,0.15) !important;} /* ===== Stage 49d: mines closed cells same tone as tower ===== */ body.light-theme .mines .cell.opacity:not(.win):not(.lose){background-color:#c9cfda !important;opacity:1 !important;border:1px solid #b6bdcb !important;box-shadow:none !important;border-radius:8px !important;} body.light-theme .mines .cell.win.opacity{background-color:#a8e6bd !important;opacity:1 !important;border:1px solid #8fd4a6 !important;box-shadow:none !important;border-radius:8px !important;} body.light-theme .mines .cell.lose.opacity{background-color:#f2b3b3 !important;opacity:1 !important;border:1px solid #e39a9a !important;box-shadow:none !important;border-radius:8px !important;} body.light-theme .tower-btn--safe{background-color:#2eb85c !important;border-color:#27a04f !important;} body.light-theme .tower-btn--bomb{background-color:#e05252 !important;border-color:#c94444 !important;} /* ===== Stage 50: dice random blue again; payment/withdraw cards off-white ===== */ body.light-theme .casino-set.casino-provider.casino-icons{background:#2563eb !important;border:1px solid #1d4fd8 !important;} body.light-theme .payment-card{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;} body.light-theme .payment-card.active{background:#e8efff !important;border:1px solid #4a7dde !important;} body.light-theme .payment-card-text{color:#111111 !important;} body.light-theme .payment-option{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;} body.light-theme .payment-option.active{background:#e8efff !important;border:1px solid #4a7dde !important;} body.light-theme .payment-option span{color:#111111 !important;} /* ===== Stage 51c: white text on colored badges — working specificity (body-only class) ===== */ body.light-theme.light-theme .mines-step-item--active .mines-step-item__label,body.light-theme.light-theme .mines-step-item--active .mines-step-item__coef{color:#ffffff !important;} body.light-theme.light-theme .mines-step-item--win:not(.mines-step-item--active) .mines-step-item__label,body.light-theme.light-theme .mines-step-item--win:not(.mines-step-item--active) .mines-step-item__coef{color:#14532d !important;} body.light-theme.light-theme .mines-step-item--lose .mines-step-item__label,body.light-theme.light-theme .mines-step-item--lose .mines-step-item__coef{color:#ffffff !important;} body.light-theme.light-theme .game_ .title{color:#ffffff !important;} body.light-theme.light-theme .game_ .title2{color:#ffffff !important;border-color:#ffffff !important;} body.light-theme.light-theme .bubbles-item{color:#ffffff !important;} body.light-theme.light-theme .dice-noty{color:#ffffff !important;} /* ===== Stage 51e: nuke-level specificity for dice-noty & bubbles-item ===== */ body.light-theme.light-theme.light-theme .content.cards div.dice-noty,body.light-theme.light-theme.light-theme div.dice-noty{color:#ffffff !important;} body.light-theme.light-theme.light-theme div.dice-noty.error{color:#991b1b !important;} body.light-theme.light-theme.light-theme .content.cards div.bubbles-item,body.light-theme.light-theme.light-theme div.bubbles-item,body.light-theme.light-theme.light-theme .bubbles-history-line a .bubbles-item{color:#ffffff !important;} /* ===== Stage 52: referral page light capsules ===== */ body.light-theme.light-theme .ref-action,body.light-theme.light-theme .ref-levels,body.light-theme.light-theme .ref-table-wrap,body.light-theme.light-theme .ref-info{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;border-radius:12px;} body.light-theme.light-theme .ref-table--head,body.light-theme.light-theme .ref-table__cell{background:transparent !important;} body.light-theme.light-theme .ref-table--head .ref-table__cell{color:#6b7280 !important;} body.light-theme.light-theme .ref-header__title,body.light-theme.light-theme .ref-section-title,body.light-theme.light-theme .ref-section-head__title,body.light-theme.light-theme .ref-table__cell{color:#1a1d24 !important;} body.light-theme.light-theme .ref-input{background:#ffffff !important;border:1px solid #e2e5ea !important;color:#1a1d24 !important;} body.light-theme.light-theme .ref-table{border-color:#e2e5ea !important;} /* ===== Stage 53: FAQ + VIP light capsules ===== */ body.light-theme.light-theme .faq-item,body.light-theme.light-theme .rule-item{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;color:#1a1d24 !important;} body.light-theme.light-theme .faq-item.active{background:#eef2ff !important;border-color:#c7d4f8 !important;} body.light-theme.light-theme .faq-question,body.light-theme.light-theme .faq-answer,body.light-theme.light-theme .section-title,body.light-theme.light-theme .rule-item{color:#1a1d24 !important;} body.light-theme.light-theme .boost-card,body.light-theme.light-theme [class*="rakeback-card"],body.light-theme.light-theme [class*="cashback-card"],body.light-theme.light-theme [class*="vip-card"]{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;border-radius:12px;} body.light-theme.light-theme .boost-card__title,body.light-theme.light-theme .vip-header__title{color:#1a1d24 !important;} /* ===== Stage 53b: freerounds + vip cards ===== */ body.light-theme.light-theme .freerounds-card{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;border-radius:12px;} body.light-theme.light-theme .freerounds-card [class$="__title"],body.light-theme.light-theme .vip-card [class$="__title"]{color:#1a1d24 !important;} /* ===== Stage 53c: bonus page light capsules ===== */ body.light-theme.light-theme .bonus-card{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;border-radius:12px;} body.light-theme.light-theme .bonus-card__title,body.light-theme.light-theme .bonus-card__description,body.light-theme.light-theme .bonus-card__condition{color:#1a1d24 !important;} body.light-theme.light-theme .carousel-slot-info__title{color:#1a1d24 !important;} body.light-theme.light-theme .carousel-slot-info__provider{color:#6b7280 !important;} /* ===== Stage 53d: FAQ inner layers (question/answer had own dark bg #292C43) ===== */ body.light-theme.light-theme .faq-question,body.light-theme.light-theme .faq-answer{background:transparent !important;color:#1a1d24 !important;border-color:#e2e5ea !important;} body.light-theme.light-theme .faq-item:hover{background:#eef2ff !important;box-shadow:0 4px 16px rgba(0,0,0,0.08) !important;} body.light-theme.light-theme .faq-question i,body.light-theme.light-theme .faq-item i{color:#6b7280 !important;} /* ===== Stage 54: dice error dark-red (nuke-weight) + nested condition capsules ===== */ body.light-theme.light-theme.light-theme .content.cards div.dice-noty.error,body.light-theme.light-theme.light-theme div.dice-noty.error{color:#991b1b !important;background:rgba(239,68,68,0.15) !important;border:1px solid rgba(239,68,68,0.35) !important;} body.light-theme.light-theme .bonus-card__condition{background:#eceef2 !important;border:1px solid #e2e5ea !important;border-radius:10px;} body.light-theme.light-theme .boost-card__info-item{background:#eceef2 !important;border:1px solid #e2e5ea !important;border-radius:10px;color:#1a1d24 !important;} body.light-theme.light-theme .boost-card__content,body.light-theme.light-theme .bonus-card__content{background:transparent !important;} /* ===== Stage 55: deposit bonus help button light theme ===== */ body.light-theme.light-theme .deposit-bonus-help{background:#eceef2 !important;border:1px solid #d3d7de !important;color:#6b7280 !important;} body.light-theme.light-theme .deposit-bonus-help:hover{background:#e2e5ea !important;color:#1a1d24 !important;} body.light-theme.light-theme .deposit-bonus-help-text{background:#f5f6f8 !important;border:1px solid #e2e5ea !important;color:#1a1d24 !important;} /* ===== Stage 56: deposits history row hover (was dark #2a3854) ===== */ body.light-theme.light-theme .history tbody tr:hover,body.light-theme.light-theme .history tbody tr:active{background:#eef1f6 !important;} /* ===== Stage 57: navigation dropdown menu light theme (was dark navy) ===== */ body.light-theme.light-theme .dropdown-menu{background:#ffffff !important;border:1px solid #e2e5ea !important;box-shadow:0 8px 24px rgba(0,0,0,0.12) !important;} body.light-theme.light-theme .dropdown-menu .dropdown-item{color:#1a1d24 !important;background:transparent !important;} body.light-theme.light-theme .dropdown-menu .dropdown-item i{color:#6b7280 !important;} body.light-theme.light-theme .dropdown-menu .dropdown-item:hover:not(.isActive){background:#eef1f6 !important;color:#1a1d24 !important;} body.light-theme.light-theme .dropdown-menu .dropdown-item:hover:not(.isActive) i{color:#1a1d24 !important;} /* ===== Stage 58: FS carousel arrows + auto-bet buttons + game loading screen ===== */ body.light-theme.light-theme .carousel-arrow{background:#e2e5ea !important;color:#1a1d24 !important;} body.light-theme.light-theme .carousel-arrow:hover:not(:disabled){background:#d3d7de !important;color:#1a1d24 !important;} body.light-theme.light-theme .carousel-arrow:disabled{background:#eceef2 !important;color:#9ca3af !important;opacity:0.5 !important;} body.light-theme.light-theme .bubbles-btn-auto,body.light-theme.light-theme [class*="-btn-auto"],body.light-theme.light-theme [class*="btn-autoselect"]{background:#e2e5ea !important;color:#1a1d24 !important;border:1px solid #d3d7de !important;} body.light-theme.light-theme .bubbles-btn-auto:hover,body.light-theme.light-theme [class*="-btn-auto"]:hover{background:#d3d7de !important;color:#1a1d24 !important;} body.light-theme.light-theme .slot-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f6f8 !important;color:#1a1d24 !important;} body.light-theme.light-theme .slot-loading p{color:#6b7280 !important;} body.light-theme.light-theme .slot-select-button:hover{background:#eef1f6 !important;} body.light-theme.light-theme .slot-dropdown-item:hover{background:#eef1f6 !important;} /* ===== Stage 59: white text on colored buttons (spans inside were darkened by global card rule) ===== */ html.light-theme body.light-theme .wager-reset-btn-custom,html.light-theme body.light-theme .wager-reset-btn-custom *,html.light-theme body.light-theme .balance-btn,html.light-theme body.light-theme .balance-btn *,html.light-theme body.light-theme .mines-btn-take,html.light-theme body.light-theme .mines-btn-take *,html.light-theme body.light-theme .mines-btn-primary,html.light-theme body.light-theme .mines-btn-primary *,html.light-theme body.light-theme .ref-btn--primary,html.light-theme body.light-theme .ref-btn--primary *,html.light-theme body.light-theme .profile-button,html.light-theme body.light-theme .profile-button *,html.light-theme body.light-theme .reward-button,html.light-theme body.light-theme .reward-button *,html.light-theme body.light-theme .bonus-card__button,html.light-theme body.light-theme .bonus-card__button *{color:#ffffff !important;} html.light-theme body.light-theme .hotfiesta-fs-vert-fs{color:#ffffff !important;} html.light-theme body.light-theme .content.cards button.green span,html.light-theme body.light-theme .content.cards button.red span,html.light-theme body.light-theme .content.cards button.blue span,html.light-theme body.light-theme .content.cards [class*="btn"] span:not(.sr-only){color:inherit !important;} /* ===== Stage 60: FS badge on Payment page - beat scoped component styles ===== */ html.light-theme body.light-theme .content.cards .hotfiesta-fs-vert-fs,html.light-theme body.light-theme .content.cards .hotfiesta-fs-vert-fs *,html.light-theme body.light-theme [class*="hotfiesta-fs-vert-fs"],html.light-theme body.light-theme [class*="hotfiesta-fs-vert-fs"] *{color:#ffffff !important;} /* ===== Stage 61: fix 59/60 - class is on body only, boost specificity ===== */ body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .wager-reset-btn-custom,body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .wager-reset-btn-custom span,body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .hotfiesta-fs-vert-fs,body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .hotfiesta-fs-vert-fs span,body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .balance-btn,body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .balance-btn span,body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .mines-btn-take,body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .mines-btn-primary,body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .ref-btn--primary,body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .profile-button,body.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme .reward-button{color:#ffffff !important;} /* Fix: Live Winners без рамки в белой теме */ body.light-theme.light-theme.light-theme .live-winners-section{border:none !important;} /* Fix: бонус-карта без желтой рамки в белой теме */ body.light-theme.light-theme.light-theme .deposit-bonus-card{border:none !important;} /* Fix: белый текст в тостах в белой теме */ body.light-theme .Vue-Toastification__toast,body.light-theme .Vue-Toastification__toast-body,body.light-theme .Vue-Toastification__toast *{color:#ffffff !important;} /* Fix: белый текст на зеленых кнопках бонусов в белой теме */ body.light-theme.light-theme.light-theme .daily-fortune-button,body.light-theme.light-theme.light-theme .daily-fortune-button *,body.light-theme.light-theme.light-theme .bonus-card__button,body.light-theme.light-theme.light-theme .bonus-card__button *,body.light-theme.light-theme.light-theme .daily-freerounds-card__button,body.light-theme.light-theme.light-theme .daily-freerounds-card__button *{color:#ffffff !important;} /* --- Profile light fix --- */ body.light-theme .profile-container .profile-box{ background: #ffffff !important; border: 1px solid #e3e8f2 !important; box-shadow: 0 2px 10px rgba(30,50,90,.06) !important; } body.light-theme .profile-container .profile-label, body.light-theme .profile-container .profile-box p, body.light-theme .profile-container .profile-box span{ color: #26314b !important; } body.light-theme .profile-container .profile-input{ background: #f2f5fa !important; border: 1px solid #d8dfec !important; color: #26314b !important; } body.light-theme .profile-container .profile-input::placeholder{ color: #8b96ad !important; } body.light-theme .profile-container .profile-button{ background: #3b82f6 !important; border: none !important; color: #ffffff !important; } body.light-theme .profile-container .profile-button:hover{ background: #2f6fe0 !important; } body.light-theme .profile-container .balance-btn--deposit{ background: #22a35a !important; color: #ffffff !important; border: none !important; } body.light-theme .profile-container .balance-btn--withdraw, body.light-theme .profile-container .wager-reset-btn-custom{ background: #e5484d !important; color: #ffffff !important; border: none !important; } body.light-theme .profile-container .rank-progress, body.light-theme .profile-container .progress, body.light-theme .profile-container [class*="progress"]{ background: #e3e8f2 !important; } body.light-theme .modal-box{ background: #ffffff !important; border: 1px solid #e3e8f2 !important; } body.light-theme .modal-title, body.light-theme .modal-text, body.light-theme .modal-list, body.light-theme .modal-list li{ color: #26314b !important; } body.light-theme .profile-container .profile-button, body.light-theme .profile-container .profile-button *, body.light-theme .profile-container .balance-btn, body.light-theme .profile-container .balance-btn *, body.light-theme .profile-container .wager-reset-btn-custom, body.light-theme .profile-container .wager-reset-btn-custom *, body.light-theme .modal-btn, body.light-theme .modal-btn *{ color: #ffffff !important; } body.light-theme .profile-container .progress-bar{ background: #e3e8f2 !important; } body.light-theme .profile-container .progress-bar::-webkit-progress-bar{ background: #e3e8f2 !important; border-radius: 8px !important; } body.light-theme .profile-container .progress-bar::-webkit-progress-value{ background: #3b82f6 !important; border-radius: 8px !important; } body.light-theme .profile-container .progress-bar::-moz-progress-bar{ background: #3b82f6 !important; } html.light-theme body.light-theme .profile-container .profile-button.profile-button, html.light-theme body.light-theme .profile-container .profile-button.profile-button *, html.light-theme body.light-theme .profile-container .balance-btn.balance-btn, html.light-theme body.light-theme .profile-container .balance-btn.balance-btn *, html.light-theme body.light-theme .profile-container .wager-reset-btn-custom.wager-reset-btn-custom, html.light-theme body.light-theme .profile-container .wager-reset-btn-custom.wager-reset-btn-custom *, html.light-theme body.light-theme .modal-btn.modal-btn, html.light-theme body.light-theme .modal-btn.modal-btn *{ color: #ffffff !important; } .modal-box{ border-radius: 18px !important; padding: 24px 20px !important; max-width: 420px !important; width: 92% !important; box-shadow: 0 14px 44px rgba(10,20,40,.22) !important; } .modal-title{ font-size: 19px !important; text-align: center !important; margin: 0 0 16px !important; line-height: 1.3 !important; } .modal-list{ list-style: none !important; padding: 0 !important; margin: 0 0 18px !important; } .modal-list li{ display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; padding: 10px 2px !important; border-bottom: 1px solid rgba(130,145,175,.18) !important; font-size: 15px !important; } .modal-list li:last-child{ border-bottom: none !important; } .modal-actions{ display: flex !important; gap: 10px !important; justify-content: center !important; margin-top: 6px !important; } .modal-btn{ border: none !important; border-radius: 12px !important; padding: 12px 24px !important; font-weight: 600 !important; display: block !important; margin: 0 auto !important; } .modal-btn-red{ background: #e5484d !important; color: #fff !important; } .modal-btn-green{ background: #22a35a !important; color: #fff !important; } /* --- Rules & FAQ light polish --- */ body.light-theme .rules-section, body.light-theme .faq{ background: #ffffff !important; border-radius: 22px !important; border: 1px solid #e3e8f2 !important; box-shadow: 0 2px 12px rgba(30,50,90,.06) !important; padding: 22px 16px !important; margin: 14px 10px !important; overflow: hidden !important; } body.light-theme .rules-section h2, body.light-theme .faq h2, body.light-theme .rules-section .section-title, body.light-theme .faq .section-title{ color: #1d2740 !important; text-align: center !important; margin: 0 0 16px !important; } body.light-theme .rule-item{ background: #f6f8fc !important; border: 1px solid #e3e8f2 !important; border-radius: 16px !important; color: #26314b !important; } body.light-theme .accordion-item{ background: #f6f8fc !important; border: 1px solid #e3e8f2 !important; border-radius: 16px !important; overflow: hidden !important; margin-bottom: 10px !important; } body.light-theme .accordion-item.active{ background: #eef3fd !important; border-color: #c9d8f5 !important; } body.light-theme .accordion-header{ color: #26314b !important; border-radius: 16px !important; } body.light-theme .accordion-content{ color: #4a5570 !important; } body.light-theme .accordion-icon{ color: #6b7astro90 !important; } /* --- Rules & FAQ light polish --- */ body.light-theme .rules-section, body.light-theme .faq{ background: #ffffff !important; border-radius: 22px !important; border: 1px solid #e3e8f2 !important; box-shadow: 0 2px 12px rgba(30,50,90,.06) !important; padding: 22px 16px !important; margin: 14px 10px !important; overflow: hidden !important; } body.light-theme .rules-section h2, body.light-theme .faq h2, body.light-theme .rules-section .section-title, body.light-theme .faq .section-title{ color: #1d2740 !important; text-align: center !important; margin: 0 0 16px !important; } body.light-theme .rule-item{ background: #f6f8fc !important; border: 1px solid #e3e8f2 !important; border-radius: 16px !important; color: #26314b !important; } body.light-theme .accordion-item{ background: #f6f8fc !important; border: 1px solid #e3e8f2 !important; border-radius: 16px !important; overflow: hidden !important; margin-bottom: 10px !important; } body.light-theme .accordion-item.active{ background: #eef3fd !important; border-color: #c9d8f5 !important; } body.light-theme .accordion-header{ color: #26314b !important; border-radius: 16px !important; } body.light-theme .accordion-content{ color: #4a5570 !important; } body.light-theme .accordion-icon{ color: #7a86a0 !important; } body.light-theme .accordion-icon{ color: #7a86a0 !important; }