/* ══ Dark Grid Arcade – Header Nav System (cyber-dark) ══ */
.dga-header{position:sticky;top:0;z-index:1000;background:rgba(15,15,30,.95);border-bottom:1px solid rgba(0,217,255,.12);backdrop-filter:blur(16px)}
.dga-header-inner{display:flex;align-items:center;gap:12px;max-width:1400px;margin:0 auto;padding:0 24px;height:60px}
.dga-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}
.dga-logo img{height:32px;width:auto}
.dga-logo-text{font-family:'Inter',sans-serif;font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#00d9ff,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}
.dga-primary-nav{display:flex;align-items:center;gap:2px;margin-left:8px}
.dga-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;color:rgba(240,244,248,.7);background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;font-family:inherit}
.dga-nav-btn:hover,.dga-nav-btn.active{background:rgba(0,217,255,.08);color:#00d9ff;text-decoration:none}
.dga-nav-btn i{font-size:.8rem;opacity:.8}
.dga-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.04);border:1px solid rgba(0,217,255,.15);border-radius:10px;padding:0 12px;height:38px;flex:0 1 260px;margin-left:auto;transition:border-color .2s,box-shadow .2s}
.dga-search:focus-within{border-color:rgba(0,217,255,.5);box-shadow:0 0 0 3px rgba(0,217,255,.08)}
.dga-search svg{flex-shrink:0;opacity:.4;stroke:#64748b}
.dga-search input{border:none;background:none;outline:none;font-size:.85rem;width:100%;color:#f0f4f8;font-family:inherit}
.dga-search input::placeholder{color:#64748b}
.dga-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.dga-user-area{display:flex;align-items:center;gap:6px}
.dga-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:none;cursor:pointer;color:rgba(240,244,248,.6);transition:all .2s;position:relative}
.dga-icon-btn:hover{background:rgba(0,217,255,.08);color:#00d9ff}
.dga-xp-badge{display:inline-flex;align-items:center;gap:2px;padding:4px 10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap}
.dga-notif-dot{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:#ef4444;color:#fff;border-radius:99px;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
.dga-login-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#00d9ff,#6366f1);color:#fff;border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .2s}
.dga-login-btn:hover{opacity:.9;text-decoration:none;color:#fff}
.dga-avatar-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:2px;border-radius:50%;transition:box-shadow .2s}
.dga-avatar-trigger:hover{box-shadow:0 0 0 3px rgba(0,217,255,.2)}
.dga-mobile-search-btn,.dga-mobile-menu-toggle{display:none}
/* Mega Dropdown */
.kz-mega-dropdown.dga-mega{position:fixed;top:60px;left:50%;transform:translateX(-50%);width:90vw;max-width:860px;background:rgba(20,20,40,.97);border:1px solid rgba(0,217,255,.15);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(0,217,255,.05);z-index:9999;display:none;animation:kzFadeDown .2s ease}
.kz-mega-dropdown.dga-mega.open{display:block}
.dga-mega .mega-inner{padding:20px 24px}
.dga-mega .mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dga-mega .mega-cat-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;text-decoration:none;color:rgba(240,244,248,.8);font-size:.85rem;font-weight:500;transition:all .15s}
.dga-mega .mega-cat-item:hover{background:rgba(0,217,255,.08);color:#00d9ff;text-decoration:none}
.dga-mega .mega-cat-item i{width:20px;text-align:center;font-size:.9rem;color:#6366f1;opacity:.8}
.dga-mega .mega-cat-item small{margin-left:auto;font-size:.72rem;color:#64748b;background:rgba(255,255,255,.04);padding:2px 6px;border-radius:6px}
.dga-mega .mega-footer{border-top:1px solid rgba(0,217,255,.1);margin-top:12px;padding-top:12px;text-align:center}
.dga-mega .mega-all-link{color:#00d9ff;font-weight:600;font-size:.85rem;text-decoration:none}
/* Profile Dropdown */
.kz-profile-menu.dga-profile{position:fixed;top:60px;right:24px;width:260px;background:rgba(20,20,40,.97);border:1px solid rgba(0,217,255,.15);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:9999;display:none;animation:kzFadeDownR .2s ease}
.kz-profile-menu.dga-profile.open{display:block}
.dga-profile .profile-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(0,217,255,.1)}
.dga-profile .profile-links{padding:8px}
.dga-profile .profile-links a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:.85rem;font-weight:500;color:rgba(240,244,248,.8);text-decoration:none;transition:all .15s}
.dga-profile .profile-links a:hover{background:rgba(0,217,255,.08);color:#00d9ff;text-decoration:none}
.dga-profile .profile-links a i{width:18px;text-align:center;color:#64748b}
.dga-profile .profile-footer{border-top:1px solid rgba(0,217,255,.1);padding:8px}
.dga-profile .profile-logout{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:.85rem;font-weight:500;color:#ef4444;background:none;border:none;cursor:pointer;font-family:inherit;transition:background .15s}
.dga-profile .profile-logout:hover{background:rgba(239,68,68,.08)}
/* Mobile Search */
.kz-mobile-search.dga-mobile-search{position:fixed;top:0;left:0;right:0;z-index:10001;background:rgba(15,15,30,.98);padding:12px 16px;box-shadow:0 4px 20px rgba(0,0,0,.4);display:none;animation:kzSlideDown .2s ease}
.kz-mobile-search.dga-mobile-search.open{display:block}
.dga-mobile-search .mobile-search-form{display:flex;flex:1;border:2px solid rgba(0,217,255,.4);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.03)}
.dga-mobile-search .mobile-search-form input{flex:1;padding:12px 14px;border:none;outline:none;font-size:1rem;background:none;color:#f0f4f8;font-family:inherit}
.dga-mobile-search .mobile-search-form button{padding:12px 16px;background:linear-gradient(135deg,#00d9ff,#6366f1);color:#fff;border:none;cursor:pointer}
.dga-mobile-search .mobile-search-close{width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.06);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(240,244,248,.6)}
/* Mobile Drawer */
.kz-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10000;display:none}
.kz-drawer-overlay.open{display:block}
.kz-mobile-drawer.dga-drawer{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:rgba(15,15,30,.98);z-index:10001;transition:right .3s cubic-bezier(.32,.72,0,1);overflow-y:auto;box-shadow:-4px 0 20px rgba(0,0,0,.4);border-left:1px solid rgba(0,217,255,.1)}
.kz-mobile-drawer.dga-drawer.open{right:0}
.dga-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,217,255,.1)}
.dga-drawer .drawer-title{font-weight:700;font-size:1rem;color:#00d9ff}
.dga-drawer .drawer-close{width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,.06);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(240,244,248,.6)}
.dga-drawer .drawer-user-section{padding:16px 20px;border-bottom:1px solid rgba(0,217,255,.1)}
.dga-drawer .drawer-user-info{display:flex;align-items:center;gap:12px}
.dga-drawer #drawerUsername{font-weight:700;font-size:.9rem;color:#f0f4f8}
.dga-drawer #drawerLevel{font-size:.78rem;color:#64748b}
.dga-drawer .drawer-nav{padding:12px}
.dga-drawer .drawer-nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-size:.9rem;font-weight:500;color:rgba(240,244,248,.8);text-decoration:none;transition:background .15s}
.dga-drawer .drawer-nav a:hover{background:rgba(0,217,255,.08);text-decoration:none}
.dga-drawer .drawer-nav a i{width:20px;text-align:center;color:#64748b}
.dga-drawer .drawer-categories{padding:12px 20px;border-top:1px solid rgba(0,217,255,.1)}
.dga-drawer .drawer-categories h4{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:8px}
.dga-drawer .drawer-categories a{display:inline-block;padding:4px 10px;margin:2px;background:rgba(255,255,255,.04);border-radius:6px;font-size:.8rem;color:rgba(240,244,248,.6);text-decoration:none;transition:all .15s}
.dga-drawer .drawer-categories a:hover{background:rgba(0,217,255,.15);color:#00d9ff;text-decoration:none}
.dga-drawer .drawer-lang{padding:12px 20px;border-top:1px solid rgba(0,217,255,.1);display:flex;gap:8px;flex-wrap:wrap}
.dga-drawer .drawer-lang a{padding:4px 10px;border-radius:6px;font-size:.78rem;text-decoration:none;color:rgba(240,244,248,.5);background:rgba(255,255,255,.04);transition:all .15s}
.dga-drawer .drawer-lang a.active,.dga-drawer .drawer-lang a:hover{background:rgba(0,217,255,.15);color:#00d9ff;text-decoration:none}
/* Animations */
@keyframes kzFadeDown{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes kzFadeDownR{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes kzSlideDown{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}
/* Responsive */
@media(max-width:1024px){.dga-primary-nav{display:none}.dga-search{display:none}.dga-mobile-search-btn,.dga-mobile-menu-toggle{display:flex}}
@media(max-width:768px){.dga-header-inner{padding:0 16px;height:56px}.dga-xp-badge{display:none}.dga-mega .mega-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.dga-mega .mega-grid{grid-template-columns:1fr}.kz-mobile-drawer.dga-drawer{width:85vw}}
/* ── Language Switcher ── */
.dga-lang-switcher{position:relative}
.dga-lang-switcher .dga-lang-dropdown{display:none;position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-card,#161629);border:1px solid rgba(0,217,255,.15);border-radius:10px;padding:6px 0;min-width:160px;box-shadow:0 12px 32px rgba(0,0,0,.5);z-index:1100;animation:kzFadeDownR .15s ease}
.dga-lang-switcher .dga-lang-dropdown.open{display:block}
.dga-lang-switcher .dga-lang-dropdown a{display:block;padding:8px 16px;font-size:.85rem;color:rgba(240,244,248,.7);text-decoration:none;transition:all .12s;white-space:nowrap}
.dga-lang-switcher .dga-lang-dropdown a:hover{background:rgba(0,217,255,.08);color:#00d9ff}
.dga-lang-switcher .dga-lang-dropdown a.active{color:#00d9ff;font-weight:600}