/* AR Mega Menu — navy/blue palette, Oswald headings, Tuffy body */
/* Hide the theme's own navigation so only the AR menu shows */
.main-navigation, .ast-mobile-menu-trigger-minimal, .main-header-menu, .ast-mobile-header-content .main-navigation { display:none !important; }

.ar-mm { position:relative; display:flex; align-items:center; font-family:var(--arf-font-body,'Tuffy AR',system-ui,sans-serif); }
.ar-mm-list { display:flex; align-items:center; gap:4px; list-style:none; margin:0; padding:0; }
.ar-mm-item { position:relative; }
.ar-mm-simple, .ar-mm-trigger {
  display:inline-flex; align-items:center; gap:6px; padding:10px 14px; border:0; background:none; cursor:pointer;
  font:600 15px/1 var(--arf-font-body,'Tuffy AR',sans-serif); color:#0f172a; text-decoration:none; border-radius:10px;
  transition:color .25s, background .25s;
}
.ar-mm-simple:hover, .ar-mm-trigger:hover, .ar-mm-item.is-open > .ar-mm-trigger { color:#3B82F6; background:#f5f8ff; }
.ar-mm-simple:focus-visible, .ar-mm-trigger:focus-visible, .ar-mm-link:focus-visible, .ar-mm-feature-btn:focus-visible { outline:2px solid #3B82F6; outline-offset:2px; }
.ar-mm-chev { width:16px; height:16px; transition:transform .3s cubic-bezier(.2,.7,.2,1); }
.ar-mm-item.is-open .ar-mm-chev, .ar-mm-item--mega:hover .ar-mm-chev { transform:rotate(180deg); }

/* ---------- Desktop mega panel ---------- */
.ar-mm-panel {
  position:absolute; top:calc(100% + 14px); left:50%; width:min(980px, 92vw);
  transform:translate(-50%, 10px); opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1), visibility .28s;
  z-index:1000;
}
.ar-mm-panel::before { content:""; position:absolute; left:0; right:0; top:-16px; height:16px; }
.ar-mm-panel-inner { background:#fff; border:1px solid #e2e8f0; border-radius:20px; box-shadow:0 34px 70px -28px rgba(30,58,110,.38); overflow:hidden; }
.ar-mm-item--mega:hover > .ar-mm-panel,
.ar-mm-item--mega:focus-within > .ar-mm-panel,
.ar-mm-item--mega.is-open > .ar-mm-panel {
  opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%, 0);
}
.ar-mm-panel-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; }
.ar-mm-cols { display:grid; grid-template-columns:repeat(var(--ar-cols,3), minmax(0,1fr)); gap:8px 24px; padding:28px 28px 26px; }
.ar-mm-group-title {
  font-family:var(--arf-font-heading,'Oswald',Impact,sans-serif); font-weight:600; text-transform:uppercase; letter-spacing:.06em;
  font-size:14px; color:#64748b; margin:0 0 12px; padding-bottom:10px; border-bottom:1px solid #e2e8f0;
}
.ar-mm-links { list-style:none; margin:0; padding:0; display:grid; gap:4px; }
.ar-mm-link {
  display:flex; gap:12px; align-items:flex-start; padding:10px; border-radius:12px; text-decoration:none; color:#0f172a;
  transition:background .25s, transform .3s cubic-bezier(.2,.7,.2,1);
}
.ar-mm-link:hover { background:#f5f8ff; transform:translateX(4px); }
.ar-mm-ico { flex:0 0 36px; width:36px; height:36px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:#eaf2ff; color:#1e3a6e; transition:background .25s, color .25s; }
.ar-mm-ico-svg { width:20px; height:20px; }
.ar-mm-link:hover .ar-mm-ico { background:#3B82F6; color:#fff; }
.ar-mm-link-text { display:grid; gap:2px; }
.ar-mm-link-text strong { font-weight:700; font-size:15px; color:#1e3a6e; }
.ar-mm-link-text small { font-size:13px; color:#4b6190; line-height:1.45; }

.ar-mm-feature {
  background:linear-gradient(160deg,#0b1d42 0%,#1e3a6e 100%); color:#fff; padding:28px 26px; display:flex; flex-direction:column; gap:10px; position:relative; overflow:hidden;
}
.ar-mm-feature::after { content:""; position:absolute; right:-60px; top:-60px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle, rgba(59,130,246,.45), transparent 70%); }
.ar-mm-feature-img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:12px; margin-bottom:6px; }
.ar-mm-feature-eyebrow { margin:0; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#A9BDDD; font-weight:700; position:relative; z-index:1; }
.ar-mm-feature-title { margin:0; font-family:var(--arf-font-heading,'Oswald',sans-serif); font-weight:600; text-transform:uppercase; font-size:1.6rem; line-height:1.05; position:relative; z-index:1; }
.ar-mm-feature-text { margin:0; color:#dbe6ff; font-size:14px; line-height:1.6; position:relative; z-index:1; }
.ar-mm-feature-btn { margin-top:auto; align-self:flex-start; display:inline-flex; gap:6px; padding:11px 18px; border-radius:999px; background:#3B82F6; color:#fff; text-decoration:none; font-weight:700; font-size:14px; position:relative; z-index:1; transition:transform .3s cubic-bezier(.2,.7,.2,1), background .3s; }
.ar-mm-feature-btn:hover { transform:translateY(-2px); background:#2563eb; }

/* ---------- Burger (hidden on desktop) ---------- */
.ar-mm-burger { display:none; background:none; border:0; padding:8px; cursor:pointer; color:#1e3a6e; position:relative; width:44px; height:44px; }
.ar-mm-burger-bars, .ar-mm-burger-bars::before, .ar-mm-burger-bars::after { display:block; position:absolute; left:10px; right:10px; height:2px; background:currentColor; border-radius:2px; transition:transform .3s, opacity .3s; }
.ar-mm-burger-bars { top:21px; }
.ar-mm-burger-bars::before, .ar-mm-burger-bars::after { content:""; left:0; right:0; }
.ar-mm-burger-bars::before { top:-7px; }
.ar-mm-burger-bars::after { top:7px; }
.ar-mm-sr { position:absolute !important; left:-9999px; }
.ar-mm-burger[aria-expanded="true"] .ar-mm-burger-bars { background:transparent; }
.ar-mm-burger[aria-expanded="true"] .ar-mm-burger-bars::before { transform:translateY(7px) rotate(45deg); }
.ar-mm-burger[aria-expanded="true"] .ar-mm-burger-bars::after { transform:translateY(-7px) rotate(-45deg); }

/* ---------- Mobile: drawer + accordion ---------- */
@media (max-width: 921px) {
  .ar-mm-burger { display:block; }
  .ar-mm-list {
    position:fixed; top:0; right:0; bottom:0; width:min(360px, 88vw); background:#fff; flex-direction:column; align-items:stretch; gap:0;
    padding:84px 16px 28px; overflow-y:auto; transform:translateX(100%); transition:transform .35s cubic-bezier(.2,.7,.2,1); box-shadow:-20px 0 50px -20px rgba(15,23,42,.3); z-index:10000;
  }
  .ar-mm-list.is-open { transform:translateX(0); }
  body.ar-mm-lock { overflow:hidden; }
  .ar-mm-item { border-bottom:1px solid #e2e8f0; }
  .ar-mm-simple, .ar-mm-trigger { width:100%; justify-content:space-between; padding:16px 4px; font-size:17px; border-radius:0; }
  .ar-mm-simple:hover, .ar-mm-trigger:hover { background:none; }
  .ar-mm-panel {
    position:static; width:auto; transform:none; opacity:1; visibility:visible; pointer-events:auto;
    display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s cubic-bezier(.2,.7,.2,1);
  }
  .ar-mm-item--mega:hover > .ar-mm-panel { /* no hover-open on touch */ grid-template-rows:0fr; }
  .ar-mm-item.is-open > .ar-mm-panel { grid-template-rows:1fr; }
  .ar-mm-panel-inner { min-height:0; overflow:hidden; background:none; border:0; box-shadow:none; border-radius:0; }
  .ar-mm-panel-grid { grid-template-columns:1fr; }
  .ar-mm-cols { grid-template-columns:1fr; padding:4px 0 16px; gap:18px; }
  .ar-mm-group-title { font-size:13px; }
  .ar-mm-feature { border-radius:14px; margin:0 0 14px; padding:22px; }
  .ar-mm-item--mega.is-open .ar-mm-chev { transform:rotate(180deg); }
  .ar-mm-item--mega:hover .ar-mm-chev { transform:none; }
  .ar-mm-item--mega.is-open:hover .ar-mm-chev { transform:rotate(180deg); }
}
@media (min-width: 922px) { .ar-mm-list { display:flex; } }

@media (prefers-reduced-motion: reduce) {
  .ar-mm-panel, .ar-mm-list, .ar-mm-link, .ar-mm-chev, .ar-mm-ico, .ar-mm-feature-btn { transition:none !important; }
  .ar-mm-link:hover { transform:none; }
}