@import url("https://fonts.googleapis.com/css2?family=Lilita+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"); html[data-theme^="custom-"] {
    --theme-brand-primary: #067EFF;
    --theme-brand-primary-hover: #79B7FA;
    --theme-brand-text: #5BE9FF;
    --theme-brand-accent: #00ACCC;
    --theme-brand-primary-contrast: #0B1232;
    --theme-game-toolbar-logo: #0B1232;
    --theme-bg-primary: #0A1118;
    --theme-bg-secondary: #0A1118;
    --theme-surface-base: #eef0f40a;
    --theme-surface-raised: #eef0f40f;
    --theme-surface-elevated: #eef0f40a;
    --theme-surface-solid: #eef0f40a;
    --theme-surface-icon: #eef0f43d;
    --dropdown-bg: #141F29;
    --theme-text-primary: #F2F6FA;
    --theme-text-secondary: #B5C2CE;
    --theme-text-tertiary: #7A8896;
    --theme-text-muted: rgba(181, 194, 206, 0.5);
    --theme-text-primary-rgb: 242 246 250;
    --theme-border-base: #2C2F3A;
    --theme-border-subtle: rgba(255, 255, 255, 0.05);
    --theme-border-accent: rgba(0, 217, 255, 0.3);
    --theme-semantic-success: #067EFF;
    --theme-semantic-success-hover: #79B7FA;
    --theme-semantic-warning: #F5A524;
    --theme-semantic-warning-hover: #FFB84D;
    --theme-semantic-error: #e5491a;
    --theme-semantic-error-hover: #e5491ac0;
    --theme-semantic-info: #8B9DDB;
    --theme-semantic-info-hover: #A8B8FF;
    --theme-special-gold: var(--color-gold);
    --theme-special-gold-light: var(--color-gold-light);
    --theme-special-gold-dark: var(--color-gold-dark);
    --theme-special-vip: #8B5CF6;
    --theme-special-vip-dark: #7C3AED;
    --theme-special-cash: #BFE839;
    --theme-special-cash-dark: #99B92E;
    --theme-special-bonus: #FF1F8E;
    --theme-special-bonus-dark: #CC1873;
    --theme-hover-overlay: rgba(0, 217, 255, 0.06);
    --theme-active-overlay: rgba(0, 217, 255, 0.12);
    --theme-focus-ring: rgba(0, 217, 255, 0.5);
    --theme-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
    --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
    --theme-shadow-glow: 0 0 20px rgba(0, 217, 255, 0.35);
    --card-success-bg-from: rgba(191, 232, 57, 0.15);
    --card-success-bg-to: rgba(191, 232, 57, 0.08);
    --card-success-border: rgba(191, 232, 57, 0.3);
    --card-success-icon-bg: rgba(191, 232, 57, 0.2);
    --card-success-hover-glow: rgba(191, 232, 57, 0.25);
    --card-warning-bg-from: rgba(245, 165, 36, 0.15);
    --card-warning-bg-to: rgba(245, 165, 36, 0.08);
    --card-warning-border: rgba(245, 165, 36, 0.3);
    --card-warning-icon-bg: rgba(245, 165, 36, 0.2);
    --card-warning-hover-glow: rgba(245, 165, 36, 0.25);
    --card-info-bg-from: rgba(139, 157, 219, 0.15);
    --card-info-bg-to: rgba(139, 157, 219, 0.08);
    --card-info-border: rgba(139, 157, 219, 0.3);
    --card-info-icon-bg: rgba(139, 157, 219, 0.2);
    --card-info-hover-glow: rgba(139, 157, 219, 0.25);
    --card-primary-bg-from: rgba(0, 217, 255, 0.15);
    --card-primary-bg-to: rgba(0, 217, 255, 0.08);
    --card-primary-border: rgba(0, 217, 255, 0.3);
    --card-primary-icon-bg: rgba(0, 217, 255, 0.2);
    --card-primary-hover-glow: rgba(0, 217, 255, 0.25);
    --badge-orange-bg: var(--theme-brand-primary);
    --badge-orange-text: #0B1232;
    --badge-gold-bg: var(--theme-special-gold);
    --badge-gold-text: #0B1232;
    --badge-vip-bg: var(--theme-special-vip);
    --badge-vip-text: #FFFFFF;
    --button-primary-bg: var(--theme-brand-primary);
    --button-primary-hover: var(--theme-brand-primary-hover);
    --button-primary-text: #edeff2;
    --button-success-bg: var(--theme-semantic-success);
    --button-success-hover: var(--theme-semantic-success-hover);
    --button-success-text: #edeff2;
    --button-warning-bg: var(--theme-semantic-warning);
    --button-warning-hover: var(--theme-semantic-warning-hover);
    --button-warning-text: #0B1232;
    --button-error-bg: var(--theme-semantic-error);
    --button-error-hover: var(--theme-semantic-error-hover);
    --button-error-text: #FFFFFF;
    --button-error-pressed: #CC1873;
    --button-secondary-bg: var(--theme-surface-elevated);
    --button-secondary-hover: var(--theme-surface-raised);
    --button-secondary-text: var(--theme-text-primary);
    --button-primary-pressed: #449CF9;
    --button-secondary-pressed: rgba(26, 36, 81, 0.8);
    --button-success-pressed: #449CF9;
    --button-disabled-opacity: 0.5;
    --button-primary-disabled-bg: rgba(0, 217, 255, 0.3);
    --button-font-weight: 600;
    --input-bg: var(--theme-surface-raised);
    --input-border: var(--theme-border-base);
    --input-border-focus: var(--theme-brand-primary);
    --input-text: var(--theme-text-primary);
    --input-placeholder: var(--theme-text-muted);
    --modal-bg: var(--theme-surface-base);
    --modal-border: var(--theme-border-base);
    --modal-overlay: rgba(6, 10, 34, 0.9);
    --modal-header-bg: var(--theme-surface-elevated);
    --wallet-modal-bg: #0A1118;
    --wallet-iframe-bg: var(--theme-surface-solid);
    --nav-bg: var(--theme-surface-base);
    --nav-border: var(--theme-border-base);
    --nav-item-hover: var(--theme-hover-overlay);
    --nav-item-active: var(--theme-brand-primary);
    --nav-item-text: var(--theme-text-secondary);
    --nav-item-text-active: var(--theme-brand-primary);
    --progress-bg: var(--theme-surface-raised);
    --progress-fill-success: var(--theme-semantic-success);
    --progress-fill-warning: var(--theme-semantic-warning);
    --progress-fill-primary: var(--theme-brand-primary);
    --balance-cash-color: var(--theme-special-cash);
    --balance-bonus-color: var(--theme-special-bonus);
    --balance-total-color: var(--theme-text-primary);
    --game-jackpot-color: var(--theme-special-gold);
    --game-hot-color: var(--theme-semantic-error);
    --game-new-color: var(--theme-brand-primary);
    --game-card-hover-overlay-bg: rgba(6, 10, 34, 0.8);
    --game-card-provider-text: rgba(255, 255, 255, 0.5);
    --game-card-play-bg: #05D35A;
    --game-card-play-hover-bg: #58e290;
    --game-card-play-pressed-bg: #049640;
    --scrollbar-track-bg: var(--theme-bg-secondary);
    --scrollbar-thumb-bg: var(--theme-surface-elevated);
    --scrollbar-thumb-hover-bg: var(--theme-border-base);
    --theme-luxury-platinum: #E5E4E2;
    --theme-luxury-rose-gold: #FF6B8A;
    --theme-luxury-champagne: #D4D4D4;
    --theme-vip-bronze: #CD7F32;
    --theme-vip-silver: #C0C0C0;
    --theme-vip-gold: #FFD700;
    --theme-vip-platinum: #E5E4E2;
    --theme-vip-diamond: #B9F2FF;
    --theme-card-premium-glow: 0 0 30px rgba(0, 217, 255, 0.35), 0 0 60px rgba(6, 10, 34, 0.4);
    --theme-special-gold-rich: #D4AF37;
    --theme-special-gold-rich-light: #E5C158;
    --social-icon-filter: brightness(0) invert(1);
    --social-link-border: transparent;
    --toggle-active-bg: #232E60;
    --toggle-active-border: #2B377A;
    --toggle-active-knob: var(--theme-brand-primary);
    --toggle-inactive-bg: #232E60;
    --toggle-inactive-border: #2B377A;
    --toggle-inactive-knob: #5A6878;
    --sidebar-bg: #0A1118;
    --sidebar-header-bg: #0A1118;
    --sidebar-header-border: transparent;
    --sidebar-link-color: var(--theme-text-secondary);
    --sidebar-link-hover-color: var(--theme-brand-primary);
    --sidebar-link-active-color: #edeff2;
    --sidebar-link-active-bg: rgba(0, 217, 255, 0.14);
    --sidebar-link-active-bar: #00D9FF;
    --sidebar-menu-group-bg: #eef0f40a;
    --sidebar-menu-group-radius: 8px;
    --sidebar-link-gap: 8px;
    --sidebar-chevron-color: var(--theme-text-muted);
    --sidebar-chevron-active-color: #5BE9FF;
    --sidebar-divider-color: transparent;
    --sidebar-submenu-border: #2B377A;
    --sidebar-border-right: #2C2F3A;
    --sidebar-backdrop: none;
    --sidebar-switcher-bg: #eef0f40a;
    --sidebar-icon-color: #6B7B8B;
    --sidebar-submenu-indent: 21px;
    --sidebar-submenu-nested-indent: 19px;
    --sidebar-loyalty-widget-bg: #eef0f40a;
    --sidebar-menu-group-py: 7px;
    --theme-live-indicator-bg: #FF1F8E;
    --theme-live-indicator-text: #FFFFFF;
    --theme-live-indicator-pulse: rgba(255, 31, 142, 0.45);
    --theme-trending-accent: #BFE839;
    --theme-hot-streak-bg: rgba(255, 31, 142, 0.15);
    --theme-hot-streak-text: #FF1F8E;
    --theme-fastest-growing-color: #BFE839;
    --theme-most-played-color: #00D9FF;
    --theme-momentum-glow: 0 0 12px rgba(0, 217, 255, 0.5);
    --theme-pulse-duration: 1.5s;
    --theme-pulse-easing: cubic-bezier(0.4, 0, 0.6, 1);
    --theme-pulse-ring-color: var(--theme-brand-primary);
    --theme-pulse-ring-shadow: 0 0 0 0 rgba(0, 217, 255, 0.7);
    --theme-glow-strong: 0 0 30px rgba(0, 217, 255, 0.55);
    --theme-glow-magenta: 0 0 20px rgba(255, 31, 142, 0.45);
    --theme-glow-lime: 0 0 20px rgba(191, 232, 57, 0.4);
    --telegram-chip-bg: rgba(0, 217, 255, 0.15);
    --telegram-chip-text: #5BE9FF;
    --telegram-chip-border: rgba(0, 217, 255, 0.3);
    --telegram-banner-from: rgba(0, 217, 255, 0.18);
    --telegram-banner-to: rgba(255, 31, 142, 0.10);
    --telegram-icon-color: #5BE9FF;
    --game-category-crash: #FF1F8E;
    --game-category-instant: #00D9FF;
    --game-category-trending: #BFE839;
    --game-category-tournaments: var(--theme-special-gold);
    --game-category-live: #FF1F8E;
    --game-category-community: #8B9DDB;
    --game-category-casino: var(--theme-text-secondary);
    --font-family-base: "Manrope", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat, sans-serif;
}

.sidebar-link {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600;
}

.sidebar-submenu-link {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600;
}

.btn-register-header--welcome-pack {
    background: linear-gradient(135deg, #05c052 0%, #067EFF 100%) !important;
}

.btn-register-header--welcome-pack:hover {
    background: linear-gradient(135deg, #05c052 20%, #067EFF 80%) !important;
}

[data-testid="cookie-consent-banner"] div {
        background: var(--theme-bg-primary);
    }
/* Header Login - secondary button (Spinozo style), 2026-10-11 */
#main-header a[data-amp-event="Click-Header-Login"] {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid #2A3A4D;
  border-radius: 8px;
  color: #F2F6FA;
  background: #1B2838;
}
#main-header a[data-amp-event="Click-Header-Login"]:hover {
  background: #233347;
  border-color: #34475C;
  color: #F2F6FA;
}

/* Register (no welcome pack) + header Deposit - green-to-blue gradient as in Green theme, 2026-10-11 */
#main-header .btn-register-header,
.header-deposit-btn {
  background: linear-gradient(135deg, #05c052 0%, #067EFF 100%) !important;
  color: #FFFFFF;
}
#main-header .btn-register-header:hover,
.header-deposit-btn:hover,
.header-deposit-btn:active {
  background: linear-gradient(135deg, #05c052 20%, #067EFF 80%) !important;
}

/* Header Register - breathing + soft glow, 2026-10-11 */
@keyframes registerBreatheGlow {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 transparent; }
  50% { transform: scale(1.05); box-shadow: 0 0 14px 2px color-mix(in srgb, var(--theme-semantic-success) 45%, transparent); }
}
#main-header .btn-register-header {
  animation: registerBreatheGlow 2.4s ease-in-out infinite;
}
#main-header .btn-register-header:hover {
  animation: none;
}
@media (prefers-reduced-motion: reduce) {
  #main-header .btn-register-header { animation: none; }
}

/* LiveChat bubble above mobile bottom nav (iPhone safe-area + text size), 2026-10-11 */
#chat-widget-container[style*="bottom: 50px"] {
  bottom: calc(4rem - 14px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Header Deposit - breathing + soft glow (same as Register), 2026-10-23 */
.header-deposit-btn {
  animation: registerBreatheGlow 2.4s ease-in-out infinite;
}
.header-deposit-btn:hover,
.header-deposit-btn:active {
  animation: none;
}
@media (prefers-reduced-motion: reduce) {
  .header-deposit-btn { animation: none; }
}

/* Header Deposit "+" icon - heartbeat + glow, in sync with button pulse, 2026-10-23 */
@keyframes depositPlusBeatGlow {
  0%, 40%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
  48% { transform: scale(1.3); filter: drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #b8ffd6); }
  56% { transform: scale(1); filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #b8ffd6); }
  64% { transform: scale(1.2); filter: drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #b8ffd6); }
  72% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
}
.header-deposit-btn .header-deposit-icon {
  animation: depositPlusBeatGlow 2.4s ease-in-out infinite;
}
.header-deposit-btn:hover .header-deposit-icon,
.header-deposit-btn:active .header-deposit-icon {
  animation: none;
}
@media (prefers-reduced-motion: reduce) {
  .header-deposit-btn .header-deposit-icon { animation: none; }
}

/* === Homepage banners: dynamic text in Lilita One (added 30.10.2026) === */
.banner-text-title {
    font-family: "Lilita One", sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.05;
    letter-spacing: 0.01em;
}
@container (min-width: 0px) {
    .banner-text-title {
        font-size: clamp(1.125rem, 5.5cqw, 2.5rem) !important;
    }
}
/* narrow banners (2 per row on small desktops, very small phones) */
@container (max-width: 320px) {
    .banner-container .py-5.px-6 {
        padding: 0.75rem 0.875rem !important;
    }
    .banner-content {
        width: 62% !important;
    }
    .banner-content .banner-text-badge {
        font-size: 0.625rem;
        padding: 0.125rem 0.5rem;
    }
    .banner-text-title {
        font-size: clamp(0.875rem, 7cqw, 1.25rem) !important;
        margin-bottom: 0.25rem !important;
    }
    .banner-text-description {
        display: none;
    }
    .banner-text-cta {
        min-width: 0 !important;
        padding: 0.3rem 0.8rem !important;
        font-size: 0.75rem !important;
    }
}


/* ==== Casongo Ghana - sidebar patch (11.11.2026) ====
   Append to the end of the Blue theme CSS.
   1) Sidebar font: Manrope (site base font) instead of Montserrat, labels wrap instead of "...".
   2) Bottom block like BlueChip7: "About Us" full row, then "Live Support" + language flag in one row.
   3) Theme switcher hidden.
*/

/* 1. Font + no truncation in the whole sidebar */
.sidebar-link,
.sidebar-submenu-link {
    font-family: "Manrope", sans-serif !important;
    font-weight: 600;
}
#desktop-sidebar .sidebar-submenu-link,
#desktop-sidebar .sidebar-submenu-link span,
#mobile-drawer .sidebar-submenu-link,
#mobile-drawer .sidebar-submenu-link span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.3;
}
#desktop-sidebar:not([data-sidebar-collapsed]) .sidebar-link > span.truncate,
#mobile-drawer .sidebar-link > span.truncate {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.3;
}

/* 3. Hide theme switcher (desktop + mobile) */
.sidebar-footer astro-island:has([data-testid="theme-switcher-btn"]),
.sidebar-footer [data-testid="theme-switcher-btn"] {
    display: none !important;
}

/* 2. Desktop bottom block */
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: minmax(0, 1fr) auto auto auto;
    gap: 8px;
    padding-bottom: 8px;
    min-height: 0;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .flex-1 {
    grid-area: 1 / 1 / auto / -1;
    min-height: 0;
    overflow-y: auto !important;
    overflow-x: hidden;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer),
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer) > .sidebar-configured-section:has([data-action="action:chat"]),
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer) > .sidebar-configured-section:has([data-action="action:chat"]) > .sidebar-menu-list {
    display: contents;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer) > .sidebar-section-gap {
    display: none;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer) > .sidebar-configured-section:has([data-action="action:chat"]) > .sidebar-menu-list > li {
    list-style: none;
    min-width: 0;
    padding: 4px 0;
    background: var(--sidebar-menu-group-bg, #eef0f40a);
    border-radius: var(--sidebar-menu-group-radius, 8px);
}
/* Download App - own row */
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer) .sidebar-menu-list > li:has(a[href$="/app"]) {
    grid-area: 2 / 1 / auto / -1;
    margin: 0 8px;
}
/* About Us - own row */
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer) .sidebar-menu-list > li:has(.sidebar-group-root) {
    grid-area: 3 / 1 / auto / -1;
    margin: 0 8px;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer) li:has(.sidebar-group-root) .submenu-collapsible.submenu-open {
    max-height: min(38vh, 340px);
    overflow-y: auto;
}
/* Live Support - last row, left */
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer) .sidebar-menu-list > li:has([data-action="action:chat"]) {
    grid-area: 4 / 1 / auto / 2;
    margin-left: 8px;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer) button.sidebar-link[data-action="action:chat"]:not(.hidden) {
    width: 100%;
    margin: 0;
    justify-content: center !important;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .py-2:not(.sidebar-footer) button.sidebar-link[data-action="action:chat"] > span {
    flex: 0 1 auto !important;
    white-space: nowrap !important;
}
/* Ghana has one language -> static block instead of a button: show flag only */
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) .sidebar-footer [data-testid="language-switcher-static"] {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    gap: 0 !important;
    justify-content: center !important;
    background: var(--sidebar-menu-group-bg, #eef0f40a);
    border-radius: var(--sidebar-menu-group-radius, 8px);
    font-size: 20px !important;
    line-height: 1 !important;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) .sidebar-footer [data-testid="language-switcher-static"] > span:last-child {
    display: none !important;
}
/* Language - last row, right, flag only */
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .sidebar-footer {
    grid-area: 4 / 2 / auto / 3;
    display: flex;
    align-items: stretch;
    min-width: 0;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .sidebar-footer > .sidebar-footer-controls {
    height: 100%;
    display: flex !important;
    gap: 0 !important;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .sidebar-footer .sidebar-footer-controls > .flex-1,
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) nav > .flex-col > .sidebar-footer .relative.flex-1 {
    flex: 0 0 auto !important;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) .sidebar-footer .language-switcher-btn {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) .sidebar-footer .language-switcher-btn .truncate,
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) .sidebar-footer .language-switcher-btn > svg {
    display: none !important;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) .sidebar-footer .language-switcher-btn .text-base {
    font-size: 20px !important;
    line-height: 1 !important;
}
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) .sidebar-footer [data-testid="language-switcher-dropdown"],
html[data-theme^="custom-"] #desktop-sidebar:not([data-sidebar-collapsed]) .sidebar-footer .relative > div.absolute:has([data-testid^="language-option-"]) {
    min-width: 180px !important;
    width: auto !important;
    left: auto !important;
    right: 0 !important;
}

/* ==== Casongo Ghana - Help Center (/faq) (11.11.2026) ==== */
.ghf { max-width: 1200px; margin: 0 auto; padding: 4px 0 20px; color: var(--theme-text-primary, #EDEFF2); line-height: 1.65; }
.ghf a { color: var(--theme-brand-text, #5BE9FF); }
.ghf h2 { margin: 24px 0 0; font-size: 24px; }
.ghf h3 { margin: 0 0 8px; font-size: 19px; line-height: 1.3; font-weight: 700; }
.ghf p { margin: 0 0 10px; }
.ghf ul, .ghf ol { margin: 0 0 10px; padding-left: 20px; }
.ghf-muted { color: var(--theme-text-secondary, #A9BFD3); }
.ghf-crumbs { margin: 0 0 4px !important; }
.ghf-box { background: var(--sidebar-bg, #0A1118); border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(6, 126, 255, 0.40); }
.ghf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(240px, calc((100% - 40px) / 3))), 1fr)); gap: 20px; margin: 16px 0 24px; }
.ghf-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.ghf-card-head { padding: 18px; }
.ghf-card-head h3 { margin: 0 0 4px; font-size: 21px; }
.ghf-card-head h3 a { color: var(--theme-text-primary, #EDEFF2); text-decoration: none; }
.ghf-card-head p { margin: 0; color: var(--theme-text-secondary, #A9BFD3); font-size: 14px; }
.ghf .ghf-list { list-style: none; padding: 0; margin: 0; flex: 1; }
.ghf .ghf-list li { margin: 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.ghf .ghf-toc { margin: 0 0 24px; overflow: hidden; }
.ghf .ghf-toc li:first-child { border-top: 0; }
.ghf .ghf-list a, .ghf .ghf-all { display: flex; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; min-height: 52px; padding: 12px 18px; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.ghf .ghf-all { color: var(--theme-text-primary, #EDEFF2); border-top: 1px solid rgba(255, 255, 255, 0.08); }
.ghf .ghf-list a:hover, .ghf .ghf-all:hover { background: rgba(6, 126, 255, 0.10); }
.ghf-q { scroll-margin-top: 80px; margin: 0 0 16px; padding: 18px; }
.ghf-q > :last-child { margin-bottom: 0; }
.ghf-back { margin: 24px 0 8px !important; }
.ghf-help { margin-top: 28px; padding: 18px; }
.ghf-help h3 { margin: 0 0 4px; font-size: 20px; }
.ghf-help p { margin: 0; color: var(--theme-text-secondary, #A9BFD3); }
.ghf-levels { width: 100%; max-width: 420px; border-collapse: collapse; }
.ghf-levels th, .ghf-levels td { padding: 6px 10px; text-align: left; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.ghf-levels th:last-child, .ghf-levels td:last-child { text-align: right; }
.ghf h1 { margin: 8px 0 12px; font-size: clamp(28px, 4vw, 40px); line-height: 1.2; }
.ghf .ghf-list a > span:last-child { flex: 0 0 auto; opacity: .7; }