/**
 * LotoRadar — Navbar Dropdowns
 * Version: 20260410
 */

/* Dropdown container */
.nav-dd{position:relative;display:inline-flex;align-items:center;}
.nav-dd-toggle{color:rgba(255,255,255,0.5) !important;text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;transition:color .2s;padding:4px 0;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;background:none;border:none;}
.nav-dd-toggle:focus-visible{outline:1px dotted rgba(255,255,255,0.35);outline-offset:3px;}
.nav-dd-toggle:hover,.nav-dd.open .nav-dd-toggle{color:var(--green,#00ff88) !important;}
.nav-dd-toggle .dd-arrow{font-size:0.5rem;transition:transform .2s;display:inline-block;}
.nav-dd.open .dd-arrow{transform:rotate(180deg);}

/* Dropdown menu */
.nav-dd-menu{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:280px;background:rgba(12,12,20,0.97);border:1px solid rgba(0,255,136,0.15);border-radius:10px;padding:8px 0;z-index:200;backdrop-filter:blur(20px);box-shadow:0 12px 40px rgba(0,0,0,0.6),0 0 20px rgba(0,255,136,0.05);animation:ddFadeIn .2s ease;}
.nav-dd.open .nav-dd-menu{display:block;}
@keyframes ddFadeIn{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}

/* Menu sections */
.nav-dd-section{font-family:'Orbitron',sans-serif;font-size:0.5rem;color:rgba(255,255,255,0.25);letter-spacing:0.15em;text-transform:uppercase;padding:8px 16px 4px;pointer-events:none;}
.nav-dd-divider{height:1px;background:rgba(255,255,255,0.06);margin:6px 12px;}

/* Menu items */
.nav-dd-menu a{display:flex;align-items:center;gap:10px;padding:7px 16px;color:rgba(255,255,255,0.7);text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.08em;transition:all .15s;white-space:nowrap;}
.nav-dd-menu a:hover{background:rgba(0,255,136,0.06);color:#fff;}
.nav-dd-menu a.dd-active{color:var(--green,#00ff88);background:rgba(0,255,136,0.08);}
.nav-dd-menu a.dd-active::before{content:'';width:3px;height:14px;background:var(--green,#00ff88);border-radius:2px;margin-right:2px;}
.nav-dd-menu .dd-flag{font-size:1rem;min-width:20px;text-align:center;}
.nav-dd-menu .dd-name{flex:1;}
.nav-dd-menu .dd-format{font-size:0.5rem;color:rgba(255,255,255,0.25);font-family:'JetBrains Mono',monospace;}

/* Top-level direct nav links */
.nav-direct{color:rgba(255,255,255,0.5);text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;transition:color .2s;white-space:nowrap;}
.nav-direct:hover{color:var(--green,#00ff88);}
.nav-direct.nav-gold{color:#ffd600 !important;font-weight:700;}
.nav-direct.nav-orange{color:#ff9100 !important;font-weight:700;}

/* Active page indicator */
.nav-dd-toggle.page-active{color:var(--green,#00ff88) !important;font-weight:700;}
.nav-direct.page-active{color:var(--green,#00ff88) !important;border-bottom:2px solid var(--green,#00ff88);padding-bottom:2px;}

/* ===== Uniformizare dimensiune + culoare proprie per item (2026-05-27) ===== */
/* Font-size + weight uniform pe toggles + linkuri directe.
   Specificitate (0-2-0) + !important bat regula per-pagina `.nav-center a` (0-1-1, 0.68rem pe unele pagini)
   si neutralizeaza weight-ul mixt 400/700 => toate textele au ACEEASI dimensiune perceputa. */
.nav-center .nav-dd-toggle,
.nav-center .nav-direct{font-size:0.66rem !important;font-weight:600 !important;}

/* Fiecare element are CULOARE PROPRIE, vie — NU mai folosim griul sters rgba(255,255,255,0.5/0.35) */
.nav-center .nav-dd[data-dd="lotteries"] .nav-dd-toggle{color:#00d4ff !important;}   /* LOTERII    — cyan   */
.nav-center .nav-dd[data-dd="simulators"] .nav-dd-toggle{color:#00ff88 !important;}  /* SIMULATORS — verde  */
.nav-center .nav-direct[href*="collection"]{color:#b76bff !important;}               /* COLECTIE   — violet */
.nav-center .nav-direct[href*="/about"]{color:#5ad1ff !important;}                   /* DESPRE     — cyan deschis */
.nav-center .nav-direct[href*="/faq"]{color:#5ad1ff !important;}                     /* FAQ        — cyan deschis */
.nav-center .nav-direct[href*="/contact"]{color:#5ad1ff !important;}                 /* CONTACT    — cyan deschis */
/* LB + DIGEST raman gold (.nav-gold), VS orange (.nav-orange), LB2 verde (inline), MATEMATICA cyan (inline) */

/* Hover uniform — alb stralucitor + glow pe culoarea proprie */
.nav-center .nav-dd-toggle:hover,
.nav-center .nav-dd.open .nav-dd-toggle,
.nav-center .nav-direct:hover{color:#ffffff !important;text-shadow:0 0 8px currentColor;}

/* Subtitlu logo (tagline langa emblema: "STATISTICI LIVE LOTERII & KENO") — uniform pe toate paginile.
   Era inconsecvent: 0.42rem/opacity .25 (index/lb/colectie) vs 0.85rem/.65 (grecia/pb/em). Acum: dimensiune
   fixa + culoare proprie cyan (NU griul sters). Guard :not(.logo-text):not(.logo-icon) => nu atinge NICIODATA
   wordmark-ul LOTORADAR pe paginile fara subtitlu (unde last-child ar fi .logo-text). !important bate inline-ul. */
.logo-wrap > div:last-child:not(.logo-text):not(.logo-icon){
  font-size:0.52rem !important;
  color:#5ad1ff !important;
  letter-spacing:0.12em !important;
  white-space:nowrap;
}

/* ===== Responsive nav — fix suprapunere logo<->nav pe laptop (2026-05-27) =====
   Nav-ul COMPLET (11 elemente + gap 28 + subtitlu) cere ~1641px ca sa incapa. Sub atat,
   subtitlul logo se suprapunea cu LOTERII si FAQ/CONTACT erau taiate (zona 769-1640px).
   Solutie pe 2 niveluri: comprimat 1300-1640, hamburger sub 1300 (11 elem nu incap fizic mai jos). */

/* Laptop ingust 1300-1640px: comprima (gap + font mai mic, ascunde subtitlu) -> incape fara suprapunere */
@media (min-width:1300px) and (max-width:1640px){
  .nav-center{gap:14px !important;}
  .nav-center .nav-dd-toggle,.nav-center .nav-direct{font-size:0.6rem !important;letter-spacing:0.05em !important;}
  .logo-wrap > div:last-child:not(.logo-text):not(.logo-icon){display:none !important;}
}

/* Sub 1300px: prea ingust pentru 11 elemente -> ascunde nav desktop + nav-right, preia hamburgerul.
   Pe ECRANE MARI (>=1641px) ramane nav-ul complet cu subtitlu (regulile de baza de mai sus). */
@media (max-width:1299px){
  .nav-center{display:none !important;}
  .nav-right{display:none !important;}
  .hamburger-btn{display:flex !important;}
}

/* Base .hamburger-btn — necesar pe cele ~10 pagini fara mobile-fixes.css (altfel buton default vizibil pe desktop).
   Pe paginile cu mobile-fixes.css regula e echivalenta (duplicat inofensiv). */
.hamburger-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:transparent;border:1px solid rgba(0,255,136,0.3);border-radius:6px;color:#00ff88;font-size:22px;cursor:pointer;flex-shrink:0;line-height:1;padding:0;font-family:system-ui,sans-serif;transition:all .2s;}
.hamburger-btn.open{color:#ff1744;border-color:rgba(255,23,68,0.4);}

/* Mobile (<=768px) pastreaza comportamentul existent (redundant cu regula <=1299, dar explicit) */
@media(max-width:768px){
  .nav-center .nav-dd,.nav-center .nav-direct{display:none;}
}