/* MIMI LIVE HOUSE palette. Loaded after the original theme; colors only. */
:root {
    --bvb-yellow: #f20530;
    --bvb-yellow-hover: #ff2d75;
    --bvb-black: #070307;
    --bvb-surface: #14080d;
    --bvb-surface-raised: #241018;
    --bvb-border: #542033;
    --bvb-text: #fff6f2;
    --bvb-muted: #cdb8be;
    --bvb-accent-gradient: linear-gradient(180deg, #ff2d75 0%, #f20530 100%);
    --bvb-accent-hover-gradient: linear-gradient(180deg, #ff5c95 0%, #ff2d75 100%);
    --bvb-yellow-icon: brightness(0) saturate(100%) invert(68%) sepia(99%) saturate(1746%) hue-rotate(359deg) brightness(101%) contrast(105%);

    /* Page, navigation and account buttons. */
    --body-theme-bg: var(--bvb-black);
    --body-color: var(--bvb-text);
    --a-color: var(--bvb-yellow);
    --a-focus-hover-color: var(--bvb-yellow-hover);
    --topbar-cntr-bg: var(--bvb-surface);
    --topbar-left-section-item-color: var(--bvb-text);
    --topbar-left-section-item-a-hover-color: var(--bvb-yellow);
    --topbar-left-section-live-chat-bg: var(--bvb-surface-raised);
    --topbar-left-section-live-chat-hover-bg: var(--bvb-yellow);
    --topbar-left-section-language-selector-bg: var(--bvb-surface);
    --topbar-left-section-language-selector-li-border: 1px solid var(--bvb-border);
    --topbar-left-section-lang-sel-trig-after-btop: var(--bvb-yellow);
    --topbar-left-section-lang-sel-trig-true-after-bbot: var(--bvb-yellow);
    --site-header-bg: var(--bvb-black);
    --site-header-border: 4px solid var(--bvb-yellow);
    --top-menu-li-a-color: var(--bvb-text);
    --top-menu-li-true-hover-bg: linear-gradient(180deg, #2d0814 0%, #14080d 100%);
    --top-menu-li-true-hover-a-color: var(--bvb-yellow);
    --top-menu-game-list-btop: 4px solid var(--bvb-yellow);
    --top-menu-game-list-bg: rgba(7, 3, 7, 0.96);
    --top-menu-game-list-bbot: 10px solid var(--bvb-yellow);
    --top-menu-game-list-li-a-background-bg: linear-gradient(90deg, rgba(242, 5, 48, 0) 0%, rgba(242, 5, 48, 0.22) 100%);
    --top-menu-game-list-li-a-background-border: 1px solid var(--bvb-yellow);
    --login-panel-login-btn-bg: var(--bvb-surface-raised);
    --login-panel-login-btn-color: var(--bvb-yellow);
    --login-panel-login-btn-border: var(--bvb-yellow);
    --login-panel-login-btn-hover-bg: var(--bvb-yellow);
    --login-panel-login-btn-hover-color: var(--bvb-black);
    --login-panel-register-btn-bg: var(--bvb-accent-gradient);
    --login-panel-register-btn-color: var(--bvb-black);
    --login-panel-register-btn-border: var(--bvb-yellow);
    --login-panel-register-btn-hover-bg: var(--bvb-accent-hover-gradient);
    --login-panel-register-btn-hover-color: var(--bvb-black);

    /* Banner controls and announcement strip. */
    --banner-bg: var(--bvb-black);
    --banner-carousel-indicators-li-border: 1px solid var(--bvb-yellow);
    --banner-carousel-indicators-active-bg: var(--bvb-yellow);
    --banner-carousel-indicators-active-border: var(--bvb-yellow);
    --announcement-cntr-bg: var(--bvb-yellow);
    --announcement-cntr-color: var(--bvb-black);
    --announcement-cntr-section-announcement-bg: var(--bvb-surface);
    --announcement-cntr-section-announcement-color: var(--bvb-text);
    --announcement-cntr-list-li-color: var(--bvb-text);
    --home-info-cntr-bg: var(--bvb-black);
    --home-info-cntr-border: 2px solid var(--bvb-border);
    --home-info-cntr-tickercntr-bg: var(--bvb-surface);

    /* Jackpot and lottery panels. */
    --home-progressive-jackpot-bg: linear-gradient(#14080d, #f20530, #14080d);
    --home-progressive-jackpot-color: var(--bvb-yellow);
    --home-progressive-jackpot-outer-cntr-bg: var(--bvb-black);
    --home-progressive-jackpot-inner-cntr-bg: linear-gradient(#f20530, #241018);
    --home-progressive-jackpot-border-cntr-bg: rgba(0, 0, 0, 0.8);
    --home-progressive-jackpot-border-cntr-border: 3px solid var(--bvb-yellow);
    --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#3a1022, #070307);
    --home-progressive-jackpot-jackpot-inner-cntr-bg: var(--bvb-black);
    --home-progressive-jackpot-jackpot-border-cntr-border: 3px dotted var(--bvb-yellow);
    --home-progressive-jackpot-jackpot-currency-color: var(--bvb-yellow);
    --home-progressive-jackpot-jackpot-play-text-color: var(--bvb-yellow);
    --home-progressive-jackpot-jackpot-play-text-label-color: var(--bvb-text);
    --progressive-jackpot-jackpot-cntr-color: var(--bvb-yellow);
    --progressive-jackpot-jackpot-currency-color: var(--bvb-yellow);
    --lottery-result-cntr-bg: var(--bvb-surface-raised);
    --lottery-result-cntr-color: var(--bvb-text);
    --lottery-result-cntr-title-bg: var(--bvb-yellow);
    --lottery-result-cntr-title-color: var(--bvb-black);
    --lottery-result-cntr-numbers-bg: var(--bvb-black);
    --jackpot-winners-bg: var(--bvb-surface);
    --jackpot-winners-jackpot-winner-title-color: var(--bvb-yellow);
    --jackpot-winners-winners-ticker-cntr-bg: var(--bvb-black);
    --winners-ticker-ul-li-winner-info-color: var(--bvb-text);
    --winners-ticker-ul-li-winner-amount-color: var(--bvb-yellow);

    /* Game sections, tabs and play buttons. */
    --popular-game-title-cntr-title-span-color: var(--bvb-black);
    --popular-game-title-cntr-title-span-bg: var(--bvb-yellow);
    --popular-game-title-cntr-title-span-after-bg: var(--bvb-yellow);
    --popular-game-title-cntr-content-border: 1px solid var(--bvb-yellow);
    --popular-game-title-cntr-content-game-list-game-item-game-name-color: var(--bvb-yellow);
    --popular-game-title-cntr-content-game-list-game-item-provider-name-color: var(--bvb-muted);
    --popular-game-title-cntr-content-game-list-scrollbar-thumb-bg: var(--bvb-yellow);
    --home-game-list-cntr-title-span-color: var(--bvb-black);
    --home-game-list-cntr-title-span-bg: var(--bvb-yellow);
    --home-game-list-cntr-title-span-after-bg: var(--bvb-yellow);
    --home-game-list-cntr-content-border: 1px solid var(--bvb-yellow);
    --home-game-list-cntr-content-game-list-game-item-game-name-color: var(--bvb-yellow);
    --home-game-list-cntr-content-game-list-game-item-provider-name-color: var(--bvb-muted);
    --home-game-list-cntr-content-game-list-scrollbar-thumb-bg: var(--bvb-yellow);
    --popular-games-bg: var(--bvb-surface);
    --popular-games-left-section-title-bg: var(--bvb-yellow);
    --popular-games-left-section-title-color: var(--bvb-black);
    --popular-games-scrtabs-tab-cntr-bg: var(--bvb-surface-raised);
    --popular-games-nav-tabs-li-a-bg: var(--bvb-black);
    --popular-games-nav-tabs-li-a-active-bg: var(--bvb-yellow);
    --popular-games-scroll-arrow-color: var(--bvb-yellow);
    --popular-games-tab-pane-bg: var(--bvb-black);
    --popular-games-tab-content-border: 1px solid var(--bvb-border);
    --game-list-title-bg: var(--bvb-surface);
    --game-list-title-div-color: var(--bvb-yellow);
    --game-list-bg: var(--bvb-black);
    --game-list-game-item-bg: var(--bvb-surface);
    --game-list-wrapper-cntr-hover-bg: var(--bvb-surface-raised);
    --game-list-game-name-color: var(--bvb-black);
    --game-list-game-name-bg: var(--bvb-yellow);
    --play-now-free-play-border: 1px solid var(--bvb-yellow);
    --play-now-bg: var(--bvb-accent-gradient);
    --play-now-color: var(--bvb-black);
    --play-now-hover-bg: var(--bvb-accent-hover-gradient);
    --play-now-hover-color: var(--bvb-black);
    --free-play-bg: var(--bvb-surface-raised);
    --free-play-color: var(--bvb-yellow);
    --free-play-hover-bg: var(--bvb-yellow);
    --free-play-hover-color: var(--bvb-black);
    --link-cntr-a-game-info-border: 3px solid var(--bvb-muted);
    --link-cntr-a-game-info-color: var(--bvb-muted);
    --link-cntr-a-game-info-hover-focus-border: var(--bvb-yellow);
    --link-cntr-a-game-info-hover-focus-color: var(--bvb-yellow);

    /* Download panel. */
    --download-apk-content-bg: var(--bvb-surface);
    --download-apk-details-title-color: var(--bvb-yellow);
    --download-apk-details-desc-color: var(--bvb-muted);
    --download-apk-details-btn-color: var(--bvb-black);
    --download-apk-details-btn-bg: var(--bvb-accent-gradient);
    --download-apk-color: var(--bvb-text);
    --download-apk-section-i-color: var(--bvb-yellow);
    --download-apk-btn-color: var(--bvb-black);
    --download-apk-btn-bg: var(--bvb-accent-gradient);
    --download-apk-btn-hover-color: var(--bvb-black);
    --download-popup-modal-header-title-color: var(--bvb-yellow);

    /* Footer and contact links. */
    --site-footer-border: 2px solid var(--bvb-yellow);
    --site-footer-bg: var(--bvb-surface);
    --site-footer-bi: linear-gradient(180deg, #14080d 0%, #070307 100%);
    --footer-separator-border: 1px dotted var(--bvb-border);
    --footer-links-li-a-color: var(--bvb-text);
    --footer-links-li-a-hover-color: var(--bvb-yellow);
    --footer-links-li-li-a-border: 1px solid var(--bvb-border);
    --copyright-color: var(--bvb-muted);
    --site-desc-color: var(--bvb-muted);
    --site-desc-all-tag-color: var(--bvb-text);
    --site-info-cntr-not-last-child-after-bg: var(--bvb-border);
    --site-info-title-border: 1px dotted var(--bvb-border);
    --site-info-title-h3-color: var(--bvb-yellow);
    --site-info-title-p-color: var(--bvb-muted);
    --site-info-desc-h4-color: var(--bvb-yellow);
    --site-info-desc-p-color: var(--bvb-muted);
    --site-info-desc-with-separator-with-separator-border: 1px dotted var(--bvb-border);
    --contact-list-li-a-bg: var(--bvb-surface-raised);
    --contact-list-li-a-color: var(--bvb-text);
    --contact-list-li-a-i-bg: var(--bvb-yellow);
    --contact-list-li-a-i-img-filter: brightness(0);
    --contact-us-list-li-a-color: var(--bvb-yellow);
    --footer-section-title-color: var(--bvb-yellow);
    --percent-count-color: var(--bvb-yellow);
    --progressbar-bg: var(--bvb-border);
    --progress-bg: var(--bvb-yellow);
    --provider-section-bg: var(--bvb-black);
    --provider-cntr-border: var(--bvb-border);
    --provider-cntr-color: var(--bvb-muted);
    --provider-cntr-h5-bg: var(--bvb-surface);
    --provider-cntr-h5-color: var(--bvb-yellow);
    --floating-action-btn-bg: var(--bvb-accent-gradient);
    --floating-action-btn-border: 1px solid var(--bvb-yellow);
    --floating-action-btn-bs: 0 4px 24px 0 rgba(242, 5, 48, 0.25);

    /* Existing forms, dialogs and search. */
    --modal-content-bg: var(--bvb-surface);
    --modal-content-border: var(--bvb-border);
    --modal-header-close-color: var(--bvb-text);
    --modal-body-p-color: var(--bvb-muted);
    --modal-footer-border: var(--bvb-border);
    --modal-footer-btn-primary-color: var(--bvb-black);
    --modal-footer-btn-primary-bg: var(--bvb-yellow);
    --modal-footer-btn-primary-hover-bg: var(--bvb-yellow-hover);
    --simple-modal-btn-second-border: 1px solid var(--bvb-yellow);
    --simple-modal-btn-second-color: var(--bvb-yellow);
    --std-btn-group-btn-primary-bg: var(--bvb-yellow);
    --std-btn-group-btn-primary-color: var(--bvb-black);
    --std-btn-group-btn-primary-hover-bg: var(--bvb-yellow-hover);
    --std-btn-group-btn-primary-hover-color: var(--bvb-black);
    --std-btn-group-btn-primary-disabled-bg: var(--bvb-border);
    --std-btn-group-btn-primary-disabled-color: var(--bvb-muted);
    --std-outline-btn-border: 1px solid var(--bvb-yellow);
    --std-outline-btn-color: var(--bvb-yellow);
    --std-inline-form-group-label-color: var(--bvb-muted);
    --form-control-bg: var(--bvb-surface-raised);
    --form-control-color: var(--bvb-text);
    --form-control-border: var(--bvb-border);
    --std-form-cntr-content-form-control-placeholder-color: var(--bvb-muted);
    --std-form-cntr-content-form-control-focus-border: var(--bvb-yellow);
    --search-cntr-bg: var(--bvb-surface);
    --search-header-title-color: var(--bvb-yellow);
    --search-header-title-img-filter: var(--bvb-yellow-icon);
    --search-input-cntr-input-bg: var(--bvb-surface-raised);
    --search-input-cntr-input-border: 1px solid var(--bvb-border);
    --search-input-cntr-input-color: var(--bvb-text);
    --search-input-cntr-input-placeholder-color: var(--bvb-muted);
    --recent-searches-cntr-history-item-bg: var(--bvb-surface-raised);
    --search-result-section-title-bg: var(--bvb-surface-raised);
}

/* Replace decorative theme backgrounds without touching the HTML or artwork. */
body {
    background-color: var(--bvb-black);
}

.site-header .logo {
    /* The old logo backdrop is declared as an inline background image. */
    background-image: linear-gradient(180deg, #241018 0%, #070307 100%) !important;
}

.popular-games {
    background-image: linear-gradient(135deg, #241018 0%, #070307 70%);
}

.download-apk-container {
    background-image: linear-gradient(110deg, #070307 0%, #241018 65%, #3a1022 100%);
}

/* These utility buttons use fixed colors in the base stylesheet. */
.topbar-left-section .topbar-item a.download-apk-btn,
.topbar-left-section .topbar-item a.telegram-btn {
    color: var(--bvb-black);
    background-color: var(--bvb-yellow);
    background-image: var(--bvb-accent-gradient);
}

.topbar-left-section .topbar-item a.download-apk-btn:hover,
.topbar-left-section .topbar-item a.telegram-btn:hover {
    color: var(--bvb-black);
    background-color: var(--bvb-yellow-hover);
    background-image: var(--bvb-accent-hover-gradient);
}

.topbar-left-section .live-chat:hover {
    color: var(--bvb-black);
}

.popular-games .nav-tabs > li > a {
    color: var(--bvb-text);
}

.popular-games .nav-tabs > li.active > a,
.popular-games .nav-tabs > li.active > a:hover,
.popular-games .nav-tabs > li.active > a:focus,
.popular-games .nav-tabs > li > a:hover,
.popular-games .nav-tabs > li > a:focus {
    color: var(--bvb-black);
    background-color: var(--bvb-yellow);
}

/* Recolor interface icons only; banners, logos and game artwork keep their colors. */
.top-menu > li > a > img,
.topbar-left-section [data-icon="live-chat"],
.topbar-left-section [data-icon="contact-us"],
.topbar-left-section [data-icon="search"],
.jackpot-winners [data-icon="trophy"],
.site-info [data-icon] {
    filter: var(--bvb-yellow-icon);
}

.topbar-left-section .download-apk-btn [data-icon],
.topbar-left-section .telegram-btn [data-icon],
.topbar-left-section .live-chat:hover [data-icon],
.announcement-container [data-icon="announcement"],
.popular-games .section-title [data-icon="play"],
.play-now::before,
.free-play:hover::before,
.floating-action-button .floating-action-button-item img {
    filter: brightness(0);
}

/* Keep local menu icons when the base theme requests a remote hover image. */
.top-menu > li:hover > a > img,
.top-menu > li[data-active="true"] > a > img {
    content: normal;
}

/* Footer progress colors are also inline; override only their color properties. */
.site-footer .progressbar {
    background-color: var(--bvb-border) !important;
}

.site-footer .proggress {
    background-color: var(--bvb-yellow) !important;
}

.form-control:focus,
.search-input-container input:focus {
    border-color: var(--bvb-yellow);
    box-shadow: 0 0 8px rgba(242, 5, 48, 0.3);
}

.login-panel a:focus-visible,
.top-menu > li > a:focus-visible,
.play-now:focus-visible,
.free-play:focus-visible {
    outline: 2px solid var(--bvb-yellow);
    outline-offset: 3px;
}