/* Prevent horizontal page overflow on all screen sizes */
        html, body {
            overflow-x: hidden;
            max-width: 100vw;
        }
        *, *::before, *::after { box-sizing: border-box; }

        body {
            background: #001324 !important;
        }

/* ╔════════════════════════════════════════════════════════════╗
   ║        PREMIUM NAVBAR — Bet365 Style Orange Branding      ║
   ║     Dark #1A1A1A · Orange #FFD700 · Premium Spacing       ║
   ╚════════════════════════════════════════════════════════════╝ */

        /* ── Header Base ── */
        .header {
            /* Premium dark background */
            background: #17191D !important;
            border-bottom: 1px solid rgba(255,255,255,.06) !important;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .head-master {
            /* Premium dark background */
            background: #17191D !important;
            padding: 10px 0 !important;
            border-bottom: 1px solid rgba(255,255,255,.06) !important;
        }

        /* ── Logo Area ── */
        .logo-wrap {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 6px 0 !important;
        }

        .site-logo {
            margin: 0 !important;
            display: flex;
            align-items: center;
        }

        .site-logo img {
            /* Enlarged logo for better visibility on desktop */
            max-height: 64px !important;
            width: auto;
            display: block;
        }

        .site-logo a {
            display: flex;
            align-items: center;
        }

        /* ── Mobile Buttons ── */
        .btn-mobile-trigger,
        .btn-user-trigger {
            background: rgba(245,166,35,0.08) !important;
            border: 1px solid rgba(245,166,35,0.2) !important;
            color: #F5A623 !important;
            border-radius: 8px;
            transition: all 200ms ease !important;
            font-size: 16px !important;
            width: 36px !important;
            height: 36px !important;
            padding: 0 !important;
            display: flex !important;
            align-items: center;
            justify-content: center;
        }

        .btn-mobile-trigger:hover,
        .btn-user-trigger:hover {
            background: rgba(245,166,35,0.15) !important;
            border-color: rgba(245,166,35,0.4) !important;
            color: #FFB847 !important;
        }

        .back-to-casino {
            color: #A1A1AA !important;
            font-size: 12px !important;
            font-weight: 500 !important;
            transition: color 200ms ease !important;
            text-decoration: none !important;
            padding: 4px 8px;
            border-radius: 6px;
        }

        .back-to-casino:hover {
            color: #FFD700 !important;
        }

        .back-to-casino i {
            margin-right: 3px;
        }

        /* ── Login/User Section ── */
        .form-login {
            display: flex !important;
            gap: 8px;
            align-items: center;
            flex-wrap: wrap;
        }

        .input-group.on-dark {
            background: rgba(255, 255, 255, 0.04) !important;
            border: 1px solid rgba(255,215,0, 0.2) !important;
            border-radius: 8px !important;
            transition: border-color 200ms ease, box-shadow 200ms ease !important;
        }

        .input-group.on-dark:focus-within {
            border-color: rgba(255,215,0, 0.5) !important;
            box-shadow: 0 0 0 3px rgba(255,215,0, 0.08) !important;
        }

        .form-control {
            background: transparent !important;
            border: none !important;
            color: #EAEAEA !important;
            font-size: 13px !important;
            font-weight: 500 !important;
        }

        .form-control::placeholder {
            color: #9CA3AF !important;
            font-weight: 500 !important;
        }

        .form-control:focus {
            color: #EAEAEA !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .input-group-addon {
            background: transparent !important;
            border: none !important;
            color: #A1A1AA !important;
        }

        /* ── Premium Buttons ── */
        .btn-primary {
            background: #FFD700 !important;
            border: none !important;
            color: #000 !important;
            font-weight: 700 !important;
            font-size: 13px !important;
            padding: 8px 20px !important;
            border-radius: 8px !important;
            transition: all 200ms ease !important;
            letter-spacing: 0.3px;
        }

        .btn-primary:hover {
            background: #FFC14D !important;
            color: #000 !important;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(255,215,0, 0.25) !important;
        }

        .btn-primary:active {
            transform: translateY(0);
        }

        .btn-white-outline {
            color: #EAEAEA !important;
            border: 1px solid rgba(255,215,0, 0.25) !important;
            background: rgba(255,215,0, 0.06) !important;
            border-radius: 8px;
            transition: all 200ms ease !important;
        }

        .btn-white-outline:hover {
            color: #FFD700 !important;
            border-color: rgba(255,215,0, 0.4) !important;
            background: rgba(255,215,0, 0.12) !important;
        }

        /* ── Header Nav ── */
        .head-nav-wrap {
            background: #1A1A1A !important;
            border-top: 1px solid rgba(255,215,0, 0.08) !important;
            padding: 0 !important;
        }

        .navigation-main {
            display: flex !important;
            gap: 0 !important;
            align-items: center !important;
            flex: 1;
        }

        .nav-item {
            margin: 0 !important;
            padding: 0 !important;
            position: relative;
        }

        .nav-link {
            color: #A1A1AA !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            padding: 14px 18px !important;
            display: block !important;
            transition: all 200ms ease !important;
            border-bottom: 3px solid transparent;
            text-decoration: none !important;
            letter-spacing: 0.3px;
        }

        .nav-link:hover {
            color: #FFD700 !important;
            background: rgba(255,215,0, 0.06) !important;
        }

        .nav-link.active {
            color: #FFD700 !important;
            border-bottom-color: #FFD700 !important;
            background: rgba(255,215,0, 0.05) !important;
        }

        /* ── Navigation Right (Language) ── */
        .navigation-right {
            margin-left: auto;
        }

        .language-list {
            display: flex !important;
            gap: 12px;
            align-items: center;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .language-list-item {
            color: #A1A1AA !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            padding: 8px 12px !important;
            border-radius: 8px;
            transition: all 200ms ease !important;
            text-decoration: none !important;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .language-list-item:hover {
            color: #FFD700 !important;
            background: rgba(255,215,0, 0.08) !important;
        }

        .flag {
            display: inline-block;
            width: 16px;
            height: 16px;
            background-size: cover;
        }

        .language-arrow {
            font-size: 10px;
            transition: transform 200ms ease;
        }

        /* ── Dropdowns ── */
        .dropdown-menu {
            background: #252525 !important;
            border: 1px solid rgba(255,215,0, 0.15) !important;
            border-radius: 12px !important;
            padding: 8px 0 !important;
            min-width: 200px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
        }

        .dropdown-item {
            color: #A1A1AA !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            padding: 10px 16px !important;
            transition: all 200ms ease !important;
            text-decoration: none !important;
            border-left: 3px solid transparent;
        }

        .dropdown-item:hover {
            background: rgba(255,215,0, 0.1) !important;
            color: #FFD700 !important;
            border-left-color: #FFD700;
        }

        .dropdown-item.active {
            background: rgba(255,215,0, 0.08) !important;
            color: #FFD700 !important;
        }

        .dropdown-divider {
            border-color: rgba(255,215,0, 0.1) !important;
        }

        /* ── User HUD ── */
        .user-hud {
            display: flex !important;
            gap: 8px;
            align-items: center;
        }

        .btn-group {
            position: relative;
        }

        .user-hud-balance {
            display: flex !important;
        }

        .user-hud-balance .btn {
            background: rgba(255,215,0, 0.08) !important;
            border: 1px solid rgba(255,215,0, 0.25) !important;
            color: #FFD700 !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            padding: 8px 14px !important;
            border-radius: 8px;
            transition: all 200ms ease !important;
        }

        .user-hud-balance .btn:hover {
            background: rgba(255,215,0, 0.15) !important;
            border-color: rgba(255,215,0, 0.4) !important;
        }

        /* ── Mobile Menu (mmenu) ── */
        #nav-mobile {
            background: #1A1A1A !important;
            border-right: 1px solid rgba(255,215,0, 0.12) !important;
        }

        #nav-mobile ul {
            background: #1A1A1A !important;
        }

        #nav-mobile li {
            border-bottom: 1px solid rgba(255,215,0, 0.06) !important;
        }

        #nav-mobile a {
            color: #A1A1AA !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            padding: 14px 16px !important;
            display: block !important;
            transition: all 200ms ease !important;
            text-decoration: none !important;
        }

        #nav-mobile a:hover {
            background: rgba(255,215,0, 0.08) !important;
            color: #FFD700 !important;
            padding-left: 18px;
        }

        .nav-mobile-logo {
            padding: 14px 16px !important;
            display: flex;
            align-items: center;
        }

        .logo-mobile {
            max-height: 32px;
            width: auto;
        }

        /* ── Mobile User Menu ── */
        #nav-mobile-user {
            background: #1A1A1A !important;
            border-right: 1px solid rgba(255,215,0, 0.12) !important;
        }

        #nav-mobile-user ul {
            background: #1A1A1A !important;
        }

        #nav-mobile-user li {
            border-bottom: 1px solid rgba(255,215,0, 0.06) !important;
        }

        #nav-mobile-user a {
            color: #A1A1AA !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            padding: 12px 16px !important;
            display: flex !important;
            align-items: center;
            gap: 10px;
            transition: all 200ms ease !important;
            text-decoration: none !important;
        }

        #nav-mobile-user a:hover {
            background: rgba(255,215,0, 0.08) !important;
            color: #FFD700 !important;
        }

        #nav-mobile-user i {
            font-size: 16px;
            flex-shrink: 0;
        }

        .nav-mobile-user-info {
            padding: 14px 16px !important;
            display: block;
            font-size: 12px;
        }

        .nav-mobile-user-info .clear {
            display: block;
            margin-bottom: 8px;
            color: #A1A1AA;
        }

        .nav-mobile-user-info b {
            color: #EAEAEA;
            margin-right: 6px;
        }

        .nav-mobile-user-login {
            padding: 14px 16px !important;
            display: block;
        }

        .nav-mobile-user-login .form-login {
            flex-direction: column !important;
        }

        .nav-mobile-user-login .input-group {
            width: 100%;
        }

        /* ── Footer ── */
        .footer {
            color: #fbfbfb !important;
            background: #1A1A1A !important;
        }

        .mm-menu .mm-navbar {
            background-color: #1A1A1A !important;
        }

        /* ── Mobile header fixes ── */
        @media(max-width:768px){
            .head-master{padding:8px 0!important;border-bottom:1px solid rgba(255,215,0,.12)!important}
            .logo-wrap{padding-bottom:0!important;min-height:unset!important;gap:8px!important}
            .back-to-casino{display:none!important}
            .site-logo{display:inline-flex!important;margin:0!important;max-width:100px}
            .site-logo img{max-height:32px!important}
            .btn-mobile-trigger{width:36px!important;height:36px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;font-size:16px}
            .btn-user-trigger{padding:4px 10px!important;font-size:12px!important;display:flex!important;align-items:center;gap:6px!important}
            .head-nav-wrap{display:none!important}
            dic.main,.main{padding:0!important;margin:0!important}
            #overlay{display:none}
            .form-login{flex-direction:column!important}
            .input-group.on-dark{width:100%!important}
            /* Hide login text, show icon only — prevents header overflow */
            .login-btn span{display:none!important}
            .login-btn{min-width:unset!important;width:36px!important;padding:0!important;flex-shrink:0!important}
        }
        /* Bonus badge: smaller on very small screens */
        @media(max-width:480px){
            .bonus-badge{width:34px!important;height:34px!important;font-size:14px!important}
            .register-btn{padding:0 14px!important;font-size:12px!important}
            .header-actions{gap:6px!important}
        }

        .btn-white-outline {
            color: #EAEAEA !important;
            border-color: rgba(255,215,0, 0.25) !important;
        }