/* ═══ NAV TRANSITION SPEED OVERRIDES ═══ */
.mint-dropdown-menu{transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;}
.nav-mega-item{transition:background 0.25s ease !important;}
.mint-link{transition:all 0.25s cubic-bezier(0.25,0.46,0.45,0.94) !important;}
.mint-dropdown-trigger{transition:all 0.25s ease !important;}
.mint-dropdown-chevron{transition:transform 0.3s ease !important;}
/* ════════════════════════════════════════ */
.theme-toggle{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border-subtle,#e5e7eb);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.25s ease;color:var(--text-tertiary,#6b7280);flex-shrink:0}
.theme-toggle:hover{border-color:var(--mint-primary,#6fcf97);color:var(--mint-primary,#6fcf97);background:rgba(111,207,151,0.06)}
.theme-toggle svg{width:18px;height:18px;stroke-width:2;transition:transform 0.3s ease}
.theme-toggle:hover svg{transform:rotate(15deg)}
.theme-icon-light{display:block}.theme-icon-dark{display:none}
[data-theme="dark"] .theme-icon-light{display:none}
[data-theme="dark"] .theme-icon-dark{display:block}
.mint-dropdown.open .mint-dropdown-menu,.mint-dropdown.hover-open .mint-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:all}
.mint-dropdown.open .mint-dropdown-chevron,.mint-dropdown.hover-open .mint-dropdown-chevron{transform:rotate(180deg)}
/* Override base width so mega content dictates panel size */
.mint-dropdown-menu{min-width:auto;padding:0;}
/* ═══ MEGA MENU DROPDOWNS ═══ */
.nav-mega{display:grid;grid-template-columns:1fr 1fr;gap:0;min-width:480px;max-width:520px;padding:0.5rem;}
.nav-mega-col{padding:0.5rem;}
.nav-mega-col:first-child{border-right:1px solid var(--border,#e5e7eb);}
[data-theme="dark"] .nav-mega-col:first-child{border-right-color:#334155;}
.nav-mega-group-label{font-family:'Inter',-apple-system,sans-serif;font-size:0.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-tertiary,#94a3b8);padding:0.375rem 0.75rem 0.5rem;margin:0;}
.nav-mega-item{display:flex;align-items:flex-start;gap:0.625rem;padding:0.625rem 0.75rem;border-radius:10px;text-decoration:none;transition:background 0.25s ease;}
.nav-mega-item:hover{background:rgba(111,207,151,0.06);}
[data-theme="dark"] .nav-mega-item:hover{background:rgba(111,207,151,0.08);}
.nav-mega-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;margin-top:1px;}
.nmi-mint{background:rgba(111,207,151,0.1);color:#6fcf97;}
.nmi-blue{background:rgba(59,130,246,0.08);color:#3b82f6;}
.nmi-purple{background:rgba(139,92,246,0.08);color:#8b5cf6;}
.nmi-gold{background:rgba(245,158,11,0.08);color:#f59e0b;}
.nmi-red{background:rgba(239,68,68,0.06);color:#ef4444;}
[data-theme="dark"] .nmi-mint{background:rgba(111,207,151,0.12);}
[data-theme="dark"] .nmi-blue{background:rgba(59,130,246,0.1);}
[data-theme="dark"] .nmi-purple{background:rgba(139,92,246,0.1);}
[data-theme="dark"] .nmi-gold{background:rgba(245,158,11,0.1);}
[data-theme="dark"] .nmi-red{background:rgba(239,68,68,0.08);}
.nav-mega-text{flex:1;min-width:0;}
.nav-mega-title{font-family:'Inter',-apple-system,sans-serif;font-size:0.8125rem;font-weight:600;color:var(--text-primary,#0f172a);line-height:1.3;display:flex;align-items:center;gap:0.375rem;}
[data-theme="dark"] .nav-mega-title{color:#f1f5f9;}
.nav-mega-desc{font-family:'Inter',-apple-system,sans-serif;font-size:0.6875rem;color:var(--text-tertiary,#94a3b8);line-height:1.4;margin-top:1px;}
.nav-mega-badge{display:inline-flex;align-items:center;font-size:0.5625rem;font-weight:700;padding:1px 6px;border-radius:4px;letter-spacing:0.02em;line-height:1.4;flex-shrink:0;}
.badge-pop{background:rgba(111,207,151,0.12);color:#22c55e;}
[data-theme="dark"] .badge-pop{background:rgba(111,207,151,0.15);color:#6fcf97;}
.badge-new{background:rgba(59,130,246,0.1);color:#3b82f6;}
[data-theme="dark"] .badge-new{background:rgba(59,130,246,0.12);color:#60a5fa;}
/* How We Compare item gets a subtle top separator */
.nav-mega-item-compare{border-top:1px solid var(--border,#e5e7eb);margin-top:4px;padding-top:0.75rem;}
[data-theme="dark"] .nav-mega-item-compare{border-top-color:#334155;}
/* ═══ CHANGE 5: Hover underline on top-level nav triggers ═══ */
.mint-dropdown-trigger{position:relative;}
.mint-dropdown.open .mint-dropdown-trigger::after,.mint-dropdown.hover-open .mint-dropdown-trigger::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:16px;height:2px;background:#6fcf97;border-radius:1px;}
/* ═══ MOBILE: mega grid becomes a single column stack ═══ */
@media (max-width:1080px){
  .nav-mega{display:flex;flex-direction:column;min-width:auto;max-width:100%;gap:0;padding:0.25rem 0;}
  .nav-mega-col{padding:0.25rem 0;border-right:none !important;}
  .nav-mega-col:first-child{border-right:none;border-bottom:1px solid var(--border,#e5e7eb);padding-bottom:0.5rem;margin-bottom:0.25rem;}
  [data-theme="dark"] .nav-mega-col:first-child{border-bottom-color:#334155;}
  .nav-mega-icon{width:28px;height:28px;}
  .nav-mega-icon svg{width:15px;height:15px;}
  .nav-mega-item{padding:0.5rem 0.625rem;}
  .nav-mega-item-compare{border-top:none;margin-top:0;padding-top:0.5rem;}
}
.user-profile.open .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}
.mobile-theme-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle,#e5e7eb)}
.mobile-theme-label{font-size:0.875rem;font-weight:600;color:var(--text-secondary,#4b5563)}
.mega-item .mi{width:20px;height:20px;stroke-width:1.75;flex-shrink:0;color:var(--text-tertiary,#6b7280)}
.nav-hub-link{position:relative;display:inline-flex;align-items:center;gap:0.375rem}
.hub-sparkle{display:inline-block;width:14px;height:14px;color:#6fcf97;opacity:0.6;transform:scale(0.7);animation:hubTwinkle 4s ease-in-out infinite;flex-shrink:0}
@keyframes hubTwinkle{0%{opacity:0.4;transform:scale(0.6) rotate(0deg);filter:drop-shadow(0 0 0px transparent)}8%{opacity:1;transform:scale(1.1) rotate(15deg);filter:drop-shadow(0 0 4px rgba(111,207,151,0.6))}16%{opacity:0.9;transform:scale(0.9) rotate(-5deg);filter:drop-shadow(0 0 2px rgba(111,207,151,0.3))}22%{opacity:0.4;transform:scale(0.6) rotate(0deg);filter:drop-shadow(0 0 0px transparent)}100%{opacity:0.4;transform:scale(0.6) rotate(0deg);filter:drop-shadow(0 0 0px transparent)}}
.nav-hub-link:hover .hub-sparkle{opacity:1;transform:scale(1);filter:drop-shadow(0 0 6px rgba(111,207,151,0.5));animation:none}
@media (prefers-reduced-motion:reduce){.hub-sparkle{animation:none;opacity:0.6;transform:scale(0.8)}}
[data-theme="dark"] .hub-sparkle{color:#6fcf97;opacity:0.5}
[data-theme="dark"] .nav-hub-link:hover .hub-sparkle{opacity:1;filter:drop-shadow(0 0 8px rgba(111,207,151,0.6))}
@media (max-width:480px){.hub-sparkle{display:none}}
.mega-item:hover .mi{color:var(--mint-primary,#6fcf97)}
.theme-toggle:focus-visible{outline:2px solid var(--mint-primary,#6fcf97);outline-offset:2px;}
.mobile-menu-inner button:focus-visible{outline:2px solid var(--mint-primary,#6fcf97);outline-offset:2px;border-radius:4px;}
/* Why MintCareer link */
.mint-link-why{color:var(--mint-deep,#3a9d6a);font-weight:700;position:relative}
.mint-link-why:hover{color:var(--mint-primary,#6fcf97);background:rgba(111,207,151,0.06)}
/* Learn dropdown separator */
.mega-separator{border-top:1px solid var(--border-subtle,#e5e7eb);margin-top:6px;padding-top:6px}
/* Mobile Why MintCareer featured style */
.mobile-link-why{background:rgba(111,207,151,0.04);border:1px solid rgba(111,207,151,0.12);border-radius:12px;margin:4px 8px}
.mobile-link-why .mobile-link-title{color:var(--mint-deep,#3a9d6a);font-weight:700}
/* Tool group separator */
.nav-tool-separator{width:1px;height:20px;background:linear-gradient(180deg,transparent 0%,rgba(111,207,151,0.3) 50%,transparent 100%);margin:0 6px;align-self:center}
[data-theme="dark"] .nav-tool-separator{background:linear-gradient(180deg,transparent 0%,rgba(111,207,151,0.2) 50%,transparent 100%)}
@media(max-width:1080px){.nav-tool-separator{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(111,207,151,0.2) 50%,transparent 100%);margin:8px 0}}
/* Ghost Easter egg */
.nav-ghost-egg{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;opacity:0.22;border-radius:50%;transition:opacity 0.25s ease,transform 0.25s ease;text-decoration:none;flex-shrink:0;color:var(--text-tertiary,#94a3b8)}
.nav-ghost-egg:hover{opacity:0.75;transform:translateY(-2px)}
.nav-ghost-egg svg{width:18px;height:18px}
/* Mobile ghost */
.nav-ghost-mobile{display:none}
@media(max-width:1080px){
  .nav-ghost-mobile{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;opacity:0.3;border-radius:50%;transition:opacity 0.2s;text-decoration:none;color:var(--text-tertiary,#94a3b8)}
  .nav-ghost-mobile:active{opacity:0.8}
}

/* ── RESPONSIVE NAV LABEL SWAPPING ─────────────────────────────────── */
/* nav-txt-full/short: swap "Analyze a Job"→"Analyze", "Resume Studio"→"Resume" */
.nav-txt-short{display:none}
.nav-txt-full{display:inline}
/* nav-coaches-full/short: swap "For Coaches"→"Coaches" */
.nav-coaches-short{display:none}
.nav-coaches-full{display:inline}

/* ── LARGE DESKTOP 1440px+ ──────────────────────────────────────────── */
@media(min-width:1441px){
  .mint-nav-primary{gap:18px;max-width:none}
  .mint-nav-secondary{gap:14px}
  .mint-nav-container{gap:1rem}
}

/* ── STANDARD LAPTOP 1280px–1439px ─────────────────────────────────── */
/* Shorten "Analyze a Job"→"Analyze" and "Resume Studio"→"Resume"       */
/* Keep "For Coaches" as-is. Reduce padding and font slightly.           */
@media(min-width:1280px) and (max-width:1439px){
  .nav-txt-full{display:none}
  .nav-txt-short{display:inline}
  .mint-nav-primary{gap:4px;max-width:none}
  .mint-nav-secondary{gap:8px}
  .mint-nav-container{gap:0.5rem}
  .mint-link,.mint-dropdown-trigger{font-size:0.8125rem;padding-left:9px;padding-right:9px}
  .mint-btn-upgrade,.mint-btn-premium{font-size:0.8125rem;padding:7px 11px}
}

/* ── TIGHT LAPTOP 1081px–1279px ─────────────────────────────────────── */
/* Also shorten "For Coaches"→"Coaches". Hide "How We Compare".          */
@media(min-width:1081px) and (max-width:1279px){
  .nav-txt-full{display:none}
  .nav-txt-short{display:inline}
  .nav-coaches-full{display:none}
  .nav-coaches-short{display:inline}
  .mint-link-why{display:none}
  .mint-nav-primary{gap:2px;max-width:none}
  .mint-nav-secondary{gap:5px}
  .mint-nav-container{gap:0.375rem}
  .mint-link,.mint-dropdown-trigger{font-size:0.8rem;padding-left:7px;padding-right:7px}
  .mint-btn-upgrade,.mint-btn-premium{font-size:0.8rem;padding:7px 9px}
  .user-name,.user-chevron{display:none}
}

/* ── LEGACY OVERRIDE (superseded above, kept for safety) ────────────── */
@media(min-width:1081px) and (max-width:1340px){
  .mint-link-why{display:none}
}
