/* Mega Menu Modern 2026 — Design Center + public layer */

/* —— Admin Design Center Pro —— */
.design-center-pro .design-head-actions{display:flex;flex-wrap:wrap;gap:8px}
.design-stats-strip{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px
}
.design-stats-strip>div{
  background:#f4f8fc;border:1px solid #d7e2ee;border-radius:12px;padding:12px 14px
}
.design-stats-strip strong{display:block;font-size:20px;color:#0f2744}
.design-stats-strip span{color:#6a7f95;font-size:11px}
.design-center-layout{
  display:grid;
  grid-template-columns:200px minmax(0,1.1fr) minmax(300px,.85fr);
  gap:16px;align-items:start
}
.design-section-nav{
  position:sticky;top:16px;display:grid;gap:6px;padding:12px;
  border:1px solid #d5dee8;border-radius:14px;background:#fff
}
.design-section-nav strong{
  display:block;margin-bottom:6px;font-size:10px;letter-spacing:.08em;color:#6d8096
}
.design-section-nav button{
  border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;
  color:#35506c;cursor:pointer;font-size:12px
}
.design-section-nav button:hover,.design-section-nav button.is-active{background:#eef5ff;color:#006cff}
.design-modern-form details.section-flash{box-shadow:0 0 0 2px #006cff55}
.design-modern-form summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;
  padding:12px 14px;background:#f7fafc;font-weight:700;color:#1f3a57
}
.design-modern-form summary::-webkit-details-marker{display:none}
.design-modern-form summary span{margin-left:auto;font-size:10px;font-weight:600;color:#7a8ea3;letter-spacing:.04em;text-transform:uppercase}
.design-modern-form details>.form-grid{padding:12px 14px 14px}
.design-save-bar{
  grid-column:1/-1;display:flex;flex-direction:column;gap:8px;padding:14px;
  border:1px solid #cfe0f5;border-radius:12px;background:#f3f8ff
}
.design-live-preview{
  position:sticky;top:16px;
  border:1px solid #d5dee8;border-radius:14px;background:#fff;
  box-shadow:0 14px 36px rgba(15,23,42,.08);overflow:hidden
}
.design-live-preview-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;border-bottom:1px solid #e8eef5;background:#f8fafc;font-size:12px
}
.design-live-preview-head .live-dot{color:#16a34a;font-size:8px;margin-right:4px}
.design-live-preview iframe{width:100%;height:min(68vh,640px);border:0;background:#eef3f8}
.design-live-preview .field-note{padding:0 14px}
.design-quick-links{display:grid;gap:6px;padding:0 14px 14px}
.design-quick-links a{font-size:12px;color:#006cff;text-decoration:none}
[data-menu-preview-status].working{color:#0369a1}
@media(max-width:1200px){
  .design-center-layout{grid-template-columns:1fr}
  .design-section-nav,.design-live-preview{position:static}
  .design-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* —— Public modern layer —— */
.site-header.menu-modern-2026{
  z-index:var(--menu-z,1000);
  background:var(--header-bg,#fff)
}
.site-header.menu-modern-2026 .topbar{background:var(--topbar-bg,#07111f)}
.site-header.menu-modern-2026 .mega-panel,
.site-header.menu-modern-2026 .mega{
  background:var(--panel-bg,#fff);
  backdrop-filter:blur(var(--menu-panel-blur,0px))
}
.site-header.menu-modern-2026 .nav-link:hover,
.site-header.menu-modern-2026 .nav-home-link:hover{color:var(--nav-hover,#006cff)}
.site-header.menu-modern-2026 .nav-link:focus-visible,
.site-header.menu-modern-2026 .submenu-toggle:focus-visible,
.site-header.menu-modern-2026 .mobile-toggle:focus-visible,
.site-header.menu-modern-2026 .product-link:focus-visible,
.site-header.menu-modern-2026 .nav-overflow-toggle:focus-visible{
  outline:2px solid var(--blue,#006cff);
  outline-offset:2px
}
.site-header.menu-modern-2026 .mega-panel[aria-hidden="true"]{visibility:hidden}
.site-header.menu-modern-2026 .nav-item.is-open>.mega-panel[aria-hidden="false"],
.site-header.menu-modern-2026 .nav-item.is-open>.mega-panel{visibility:visible}
.site-header.menu-hide-icons .nav-main-icon,
.site-header.menu-hide-icons .mega-group h3>i,
.site-header.menu-hide-icons .product-icon{display:none!important}
.site-header.menu-hide-prices .product-price{display:none!important}
.site-header.menu-hide-badges .product-badge,
.site-header.menu-hide-badges .nav-badge{display:none!important}
.site-header.menu-hover-intent .nav-item.is-hover-open>.mega-panel{
  display:block;opacity:1;visibility:visible;pointer-events:auto
}
.site-header.menu-reduced-motion .mega-panel,
.site-header.menu-reduced-motion.animation-slide .mega-panel,
.site-header.menu-reduced-motion.animation-fade .mega-panel{
  transition:none!important;animation:none!important;transform:none!important
}
.site-header.menu-panel-backdrop.menu-open::before,
.site-header.menu-panel-backdrop:has(.nav-item.is-open)::before{
  content:"";position:fixed;inset:0;top:var(--menu-panel-top,88px);background:rgba(7,17,31,.28);z-index:0;pointer-events:none
}
@media (prefers-reduced-motion:reduce){
  .site-header.menu-modern-2026 .mega-panel{transition:none!important;animation:none!important}
}
[dir="rtl"] .site-header.menu-rtl-mirror .top-left,
[dir="rtl"] .site-header.menu-rtl-mirror .top-right,
[dir="rtl"] .site-header.menu-rtl-mirror .nav,
[dir="rtl"] .site-header.menu-rtl-mirror .main-nav{direction:rtl}
[dir="rtl"] .site-header.menu-rtl-mirror .product-link:hover{transform:translateX(-3px)}
[dir="rtl"] .site-header.menu-rtl-mirror .product-arrow,
[dir="rtl"] .site-header.menu-rtl-mirror .nested-menu-item .fa-chevron-right{transform:scaleX(-1)}
[dir="rtl"] .site-header.menu-rtl-mirror .mega-groups{text-align:right}
[dir="rtl"] .site-header.menu-rtl-mirror .featured{border-left:0;border-right:1px solid var(--line,#cbd5e1)}
.site-header.menu-a11y-keyboard .nav-item.is-open{z-index:30}
.nav-overflow-toggle:focus-visible{outline:2px solid var(--blue,#006cff);outline-offset:2px}
@media(max-width:980px){
  .site-header.menu-mobile-compact .mega-panel{border-radius:0}
  .site-header.menu-mobile-compact .product-link{padding-block:10px}
}