/* MulVidya AI — unified global header layer.
   Applies to normal public pages. Premium Test Series is intentionally untouched. */
.topbar{position:sticky;top:0;z-index:1000;width:100%;}
.topbar-inner{display:flex;align-items:center;min-width:0;gap:14px;max-width:1240px !important;}
.topbar .brand{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:10px;}
.topbar .brand-mark,.topbar .brand-mark img{flex:0 0 auto;object-fit:contain;}
.topbar .brand-text{min-width:0;white-space:nowrap;}
.topbar .brand-text strong{white-space:nowrap;display:block;}
.topbar .brand-text small{white-space:nowrap;display:block;}
.topbar .topbar-links{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;flex:1 1 auto;margin-left:4px;flex-wrap:nowrap !important;white-space:nowrap !important;}
.topbar .topbar-links .ghost-link{white-space:nowrap;}
.topbar .topbar-utility{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;min-width:0;margin-left:auto;}
.topbar .topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1 1 auto;}
.topbar .topbar-actions > .ghost-link{white-space:nowrap;}
.topbar .nav-auth{min-width:0;flex:0 0 auto;}
.topbar .nav-auth-btn{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis;}
.topbar .theme-toggle,.topbar .nav-toggle{flex:0 0 auto;}
.topbar .nav-toggle{display:none;}

/* Dropdown alignment & single-panel visibility */
.nav-dropdown-panel {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  z-index: 1001;
}

/* Prevent dropdown panels on the right from overflowing off-screen */
.topbar-links .nav-dropdown:nth-child(n+2) .nav-dropdown-panel,
.topbar-links .nav-dropdown:last-child .nav-dropdown-panel,
.nav-dropdown-panel-wide {
  left: auto !important;
  right: 0 !important;
}

/* Only the active .open dropdown is displayed (never overlapping) */
.nav-dropdown.open > .nav-dropdown-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.nav-dropdown.open > .nav-dropdown-btn {
  background: var(--surface-2, rgba(255, 255, 255, 0.08)) !important;
  color: var(--ink, #fff) !important;
}
.nav-dropdown.open > .nav-dropdown-btn .chevron-icon {
  transform: rotate(180deg);
}

/* Injected menu & home menu use the same visual language */
.mobile-nav,
.mv-global-mobile-nav{display:none;}
.mobile-nav.open,
.mv-global-mobile-nav.open{display:flex !important;}
.mobile-nav .mobile-nav-link,
.mv-global-mobile-nav .mobile-nav-link{min-height:44px;}
.mobile-nav .mobile-nav-heading,
.mv-global-mobile-nav .mobile-nav-heading{margin-top:2px;}

/* Mid-size screens: keep the brand and actions stable, move navigation into menu. */
@media (max-width:1023px){
  .topbar .topbar-links{display:none;}
  .topbar .topbar-actions > .ghost-link{display:none;}
  .topbar .nav-toggle{display:flex;}
  .topbar .topbar-inner{min-width:0;}
}

@media (max-width:767px){
  .topbar .topbar-inner{width:calc(100% - 20px);min-height:60px;padding-left:0;padding-right:0;gap:7px;}
  .topbar .brand{flex:1 1 auto;min-width:0;}
  .topbar .brand-mark,.topbar .brand-mark img{width:34px;height:34px;}
  .topbar .brand-text{min-width:0;overflow:hidden;}
  .topbar .brand-text strong{font-size:.96rem;overflow:hidden;text-overflow:ellipsis;}
  .topbar .brand-text small{display:none;}
  .topbar .topbar-utility,.topbar .topbar-actions{gap:6px;flex:0 0 auto;}
  .topbar .nav-auth-btn{min-height:42px;padding:7px 10px;max-width:76px;}
  .topbar .theme-toggle,.topbar .nav-toggle{width:42px;height:42px;min-width:42px;}
  .mobile-nav,
  .mv-global-mobile-nav{display:none;position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain;padding:10px 14px 18px;flex-direction:column;gap:4px;background:color-mix(in srgb,var(--surface,#fff) 96%,transparent);border-bottom:1px solid var(--border,#ddd);box-shadow:0 24px 55px rgba(0,0,0,.16);backdrop-filter:blur(22px) saturate(135%);z-index:99999;}
  .mobile-nav.open,
  .mv-global-mobile-nav.open{display:flex !important;animation:mvMenuIn .2s ease both;}
  .mobile-nav .mobile-nav-group,
  .mv-global-mobile-nav .mobile-nav-group{border-top:1px solid var(--border,#ddd);padding-top:7px;margin-top:6px;}
  .mobile-nav .mobile-nav-link,
  .mv-global-mobile-nav .mobile-nav-link{color:var(--ink,#111827);text-decoration:none;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:8px;font-weight:550;}
  .mobile-nav .mobile-nav-link:hover,.mobile-nav .mobile-nav-link:active,
  .mv-global-mobile-nav .mobile-nav-link:hover,.mv-global-mobile-nav .mobile-nav-link:active{background:var(--surface-2,#eef2f8);}
  .mobile-nav .mobile-nav-link-flagship,
  .mv-global-mobile-nav .mobile-nav-link-flagship{background:color-mix(in srgb,var(--accent,#5a5ce6) 10%,transparent);font-weight:800;}
  .mobile-nav .mobile-nav-heading,
  .mv-global-mobile-nav .mobile-nav-heading{display:block;padding:5px 12px 3px;color:var(--ink-faint,#8390a3);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
  .mobile-nav .mobile-nav-cta,
  .mv-global-mobile-nav .mobile-nav-cta{justify-content:center;background:linear-gradient(135deg,var(--accent,#5a5ce6),var(--accent-2,#4778ef));color:#fff;font-weight:800;}
  body.nav-open,
  body.mv-nav-open{overflow:hidden;}
}

@media (max-width:430px){
  .topbar .topbar-inner{width:calc(100% - 14px);min-height:58px;}
  .topbar .brand-mark,.topbar .brand-mark img{width:31px;height:31px;}
  .topbar .brand-text strong{font-size:.9rem;}
  .topbar .nav-auth-btn{max-width:68px;padding:6px 8px;font-size:.8rem;}
  .topbar .theme-toggle,.topbar .nav-toggle{width:40px;height:40px;min-width:40px;}
  .mv-global-mobile-nav{max-height:calc(100dvh - 58px);}
}

@keyframes mvMenuIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mv-global-mobile-nav.open{animation:none;}}

/* Universal Converter has its own header shell; give it the same mobile discipline. */
.uc-topbar{position:relative;z-index:1000;}
.mv-uc-mobile-nav{display:none;}
.mv-uc-menu-toggle{display:none;}
@media (max-width:767px){
  .uc-topbar{padding:10px 12px !important;min-height:58px;gap:8px;}
  .uc-topbar .uc-brand{min-width:0;flex:1 1 auto;}
  .uc-topbar .uc-brand img{width:34px;height:34px;flex:0 0 auto;}
  .uc-topbar .uc-brand span{min-width:0;overflow:hidden;}
  .uc-topbar .uc-brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .uc-topbar .uc-brand small{display:none;}
  .uc-topbar nav{display:none !important;}
  .uc-topbar .uc-theme,.uc-topbar .mv-uc-menu-toggle{width:42px;height:42px;min-width:42px;flex:0 0 auto;}
  .mv-uc-menu-toggle{display:grid;place-items:center;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:12px;cursor:pointer;font-size:20px;}
  .mv-uc-mobile-nav{position:absolute;left:10px;right:10px;top:calc(100% + 6px);display:none;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(20px);box-shadow:0 24px 55px rgba(0,0,0,.2);}
  .mv-uc-mobile-nav.open{display:flex;animation:mvMenuIn .2s ease both;}
  .mv-uc-mobile-nav a{padding:11px 12px;border-radius:11px;color:var(--text);text-decoration:none;font-size:14px;font-weight:600;}
  .mv-uc-mobile-nav a:hover,.mv-uc-mobile-nav a:active{background:var(--surface2);}
  .mv-uc-mobile-nav a.flagship{background:color-mix(in srgb,var(--primary) 12%,transparent);font-weight:800;}
}
@media (max-width:430px){.uc-topbar .uc-brand img{width:31px;height:31px}.uc-topbar .uc-theme,.uc-topbar .mv-uc-menu-toggle{width:40px;height:40px;min-width:40px;}}