/* ══════════════════════════════════════════════════════════════
   NAV — Refined Tech overrides
   ══════════════════════════════════════════════════════════════
   Păstrează layout-ul existent (floating frosted pill care merge
   peste hero dark ȘI peste secțiuni light). Schimbă DOAR identitatea
   vizuală: indigo→pink rainbow → mint accent unic + tipografie clean.
*/

/* ── LOGO ICON: solid mint în loc de gradient indigo→pink ── */
.logo-icon {
    background: var(--color-accent) !important;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.08),
        0 0 0 1px var(--color-accent-press),
        0 0 24px var(--color-accent-glow) !important;
}
.logo-icon i { color: #0a0a0c !important; }

/* Override boltPulse keyframe ca să fie mint (nu indigo) */
@keyframes boltPulse {
    0%, 100% { box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.08),
        0 0 0 1px var(--color-accent-press),
        0 0 0 0 rgba(101, 214, 158, 0); }
    50%      { box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.08),
        0 0 0 1px var(--color-accent-press),
        0 0 0 6px rgba(101, 214, 158, 0.18); }
}

/* ── LOGO WORDMARK: solid text, fără rainbow shimmer ── */
.logo-wordmark {
    color: #0a0a0c;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    -webkit-background-clip: initial !important;
            background-clip: initial !important;
    animation: none !important;
    font-family: var(--font-display);
    font-weight: var(--weight-semibold);
    letter-spacing: var(--tracking-tight);
}

/* ── NAV LINK PILLS: mint în loc de indigo ── */
.nav-link-pill::before {
    background: rgba(101, 214, 158, 0.10) !important;
}
.nav-link-pill:hover {
    color: var(--color-accent-press) !important;
}
.nav-link-pill.active-nav {
    color: var(--color-accent-press) !important;
}
.nav-link-pill.active-nav::before {
    background: rgba(101, 214, 158, 0.15) !important;
}
/* Link-ul "Tutoriale" — era indigo, devine mint */
.nav-link-pill.text-indigo-500 {
    color: var(--color-accent-press) !important;
}

/* ── MOBILE MENU: hamburger + dropdown ── */
button[onclick="toggleMobileMenu()"]:hover {
    color: var(--color-accent-press) !important;
}
#mobile-dropdown a:hover {
    color: var(--color-accent-press) !important;
}
#mobile-dropdown a.text-indigo-600,
#mobile-dropdown a.hover\:bg-indigo-50\/50 {
    color: var(--color-accent-press) !important;
}

/* ── USER PILL TRIGGER: mint hover border ── */
#user-menu-trigger:hover {
    border-color: var(--color-accent-border) !important;
    box-shadow: 0 4px 12px rgba(101, 214, 158, 0.10) !important;
}

/* Plan badge mic în navbar (pentru abonați): solid mint */
#nav-plan-badge {
    background: var(--color-accent) !important;
    color: #0a0a0c !important;
    background-image: none !important;
    -webkit-text-fill-color: #0a0a0c !important;
}

/* Voice chars indicator era indigo → mint (credits stays amber, semantic) */
#user-menu-trigger .text-indigo-500 {
    color: var(--color-accent-press) !important;
}

/* ── USER DROPDOWN: mint în loc de indigo ── */

/* Credits card: replace indigo decorative blur cu mint */
#user-menu-dropdown .bg-indigo-500\/20 {
    background: rgba(101, 214, 158, 0.22) !important;
}
#user-menu-dropdown .text-indigo-300 {
    color: var(--color-accent) !important;
}

/* Plan badge în dropdown */
#dropdown-plan-badge {
    background: rgba(101, 214, 158, 0.20) !important;
    color: var(--color-accent) !important;
    border-color: rgba(101, 214, 158, 0.35) !important;
}

/* "Top-up Credite" — păstrăm amber (semantic) */
/* "Invită Prieteni" — era emerald, refine spre mint identitatea brandului */
#user-menu-dropdown .bg-emerald-100 {
    background: rgba(101, 214, 158, 0.18) !important;
}
#user-menu-dropdown .text-emerald-600 {
    color: var(--color-accent-press) !important;
}
#user-menu-dropdown button:hover .group-hover\:bg-emerald-500 {
    background: var(--color-accent) !important;
}

/* "Gestionează Abonament" — era indigo, devine mint */
#user-menu-dropdown .bg-indigo-50 {
    background: rgba(101, 214, 158, 0.10) !important;
}
#user-menu-dropdown .text-indigo-500 {
    color: var(--color-accent-press) !important;
}
#user-menu-dropdown button:hover.hover\:bg-indigo-50 {
    background: rgba(101, 214, 158, 0.08) !important;
}
#user-menu-dropdown button:hover .group-hover\:bg-indigo-500 {
    background: var(--color-accent) !important;
}
#user-menu-dropdown button:hover .group-hover\:bg-indigo-500 + div .text-slate-800,
#user-menu-dropdown .group-hover\:text-indigo-600:hover {
    color: var(--color-accent-press) !important;
}

/* ── NAV TIPOGRAFIE GENERALĂ ── Geist + tracking */
#nav-container nav,
#mobile-dropdown,
#user-menu-dropdown {
    font-family: var(--font-body);
}
.nav-link-pill,
#mobile-dropdown a {
    font-weight: var(--weight-semibold);
    letter-spacing: var(--tracking-snug);
}