/* Burger Menu */
.cls_senn_mob_4s8 {
    display: none;
}

@media (max-width: 768px) {
    .burger-btn {
        display: block;
        background: rgba(0, 150, 214, 0.2);
        border: 2px solid var(--senn-blue);
        color: var(--senn-white);
        font-size: 26px;
        cursor: pointer;
        padding: 10px 14px;
        border-radius: 6px;
        transition: all 0.3s;
    }

    .burger-btn:hover {
        background: var(--senn-blue);
    }

    .cls_senn_nav_8k2 {
        display: none !important;
    }

    .cls_senn_mob_4s8 {
        display: flex !important;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        background: #111;
        z-index: 9999;
        transform: translateY(-100%);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        padding: 80px 40px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .cls_senn_mob_4s8.active {
        transform: translateY(0);
    }

    .cls_senn_mob_4s8 ul {
        display: flex;
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }

    .cls_senn_mob_4s8 a {
        font-family: var(--font-primary);
        font-size: 24px;
        color: var(--senn-white);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: color 0.3s;
        display: block;
        padding: 15px 30px;
    }

    .cls_senn_mob_4s8 a:hover,
    .cls_senn_mob_4s8 a:active {
        color: var(--senn-blue);
        background: rgba(0, 150, 214, 0.1);
        border-radius: 8px;
    }

    .cls_senn_mob_4s8 li {
        width: 100%;
        text-align: center;
    }

    .close-menu {
        position: absolute;
        top: 30px;
        right: 30px;
        background: none;
        border: none;
        font-size: 40px;
        color: var(--senn-white);
        cursor: pointer;
    }

    /* Footer mobile */
    .cls_senn_foot_1j9 .footer-grid {
        text-align: center;
    }
    
    .cls_senn_foot_1j9 .footer-grid .footer-section {
        text-align: center;
    }
    
    .cls_senn_foot_1j9 .footer-grid .payment-icons-footer {
        justify-content: center;
    }
    
    .cls_senn_foot_1j9 > div[style*="text-align: center"] img {
        height: 180px !important;
    }
}

/* MOBILE-MENU-ZFIX */
@media (max-width: 768px) {
    #mobileMenu,
    .header-nav,
    .header-nav.active,
    [class*="mobile-menu"],
    [class*="mobile_menu"],
    nav.active,
    nav.open {
        z-index: 99999 !important;
    }
    .mobile-menu-overlay,
    .menu-overlay,
    #menuOverlay {
        z-index: 99998 !important;
        pointer-events: auto;
    }
    .mobile-menu-overlay.active ~ *,
    .menu-overlay.active ~ * {
        /* Don't block menu */
    }
}

/* === HIDE CASINO NAMES UNDER LOGOS === */
[class*="-casino-name"], .casino-name, .dl-casino-name, .gb-casino-name { display: none !important; }


/* avatar-center-fix-20260512: force inline-block so parent's text-align:center actually centers avatar; harmless inside flex containers */
img[src*="/avatar"] { display: inline-block !important; }


/* exit-popup-text-white-20260512: ensure exit-popup headlines/text are white with black shadow for readability across all sites */
.exit-popup h1, .exit-popup h2, .exit-popup h3,
.exit-popup p,
.exit-popup .exit-popup-badge,
[class*="exit-popup"] > h1,
[class*="exit-popup"] > h2,
[class*="exit-popup"] > h3,
.exit-popup-overlay h1, .exit-popup-overlay h2, .exit-popup-overlay h3,
.exit-popup-overlay > p,
.kt-exit-popup h1, .kt-exit-popup h2, .kt-exit-popup h3,
.kt-exit-popup-header, .kt-exit-popup p {
  color: #ffffff !important;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.85), 0 0 2px rgba(0,0,0,0.6) !important;
}


/* sticky-footer-center-group-20260512: prevent .sticky-footer-info flex-grow so logo+info+cta group in center */
.sticky-footer-inner, .sticky-footer-bar-inner, #stickyFooter > div, #stickyFooterBar > div {
  justify-content: center !important;
  gap: 14px !important;
}
.sticky-footer-info, .sticky-footer-bar-info, .sticky-footer-text {
  flex: 0 0 auto !important;
}


/* sticky-footer-borderbox-20260512: enforce border-box so width:100%+padding doesn't overflow viewport */
.sticky-footer-bar, #stickyFooterBar, #stickyFooter, .sticky-footer, .sticky-footer-bar-inner, .sticky-footer-inner {
  box-sizing: border-box !important;
  max-width: 100vw !important;
}


/* sticky-footer-close-static-20260513: make close button flow as flex item (was absolute, overlapped CTA when inner narrowed by group-center fix) */
.sticky-footer-close, .sticky-footer-bar-close,
#stickyFooter .sticky-footer-close, #stickyFooterBar .sticky-footer-close,
#stickyFooterBar .sticky-footer-bar-close, .sticky-footer-bar .sticky-footer-bar-close,
.sticky-footer-bar .sticky-footer-close {
  position: static !important;
  transform: none !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
}