/* ============================================================
   SALONIQA — Mega menu + Growth-layer IA (Phase 11, Batch A)
   Additive. Load AFTER landing.css on index.html.
   Reuses theme.css tokens (emerald + gold). No JS required —
   reveal on hover/focus-within (desktop) and inside the open
   burger menu (mobile), matching the existing .lp-dd behaviour.
   ============================================================ */

/* ── Mega panel (desktop) ─────────────────────────────────── */
.lp-mega{
  position:absolute; top:calc(100% + 6px); left:0; display:none;
  grid-template-columns:repeat(2, minmax(212px, 1fr)); gap:2px 8px;
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-soft); padding:12px; min-width:478px; z-index:120;
}
.lp-mega.lp-mega-1{ grid-template-columns:1fr; min-width:260px; }
.lp-navlinks > li:hover > .lp-mega,
.lp-navlinks > li:focus-within > .lp-mega{ display:grid; }

.lp-mega a{ display:block; padding:9px 12px; border-radius:9px; color:var(--ink); text-decoration:none; transition:var(--transition-smooth); }
.lp-mega a:hover{ background:var(--beige); color:var(--emerald); }
.lp-mega a b{ display:flex; align-items:center; gap:8px; font-weight:600; font-size:14px; }
.lp-mega a small{ display:block; color:var(--muted); font-size:12px; font-weight:400; margin-top:2px; line-height:1.4; }

/* Last menus open toward the left edge so they don't overflow */
.lp-navlinks > li.mega-right > .lp-mega{ left:auto; right:0; }

/* ── Mobile: fold into the burger menu (matches .lp-dd) ───── */
@media (max-width:900px){
  .lp-navlinks.open > li > .lp-mega{
    display:grid; position:static; box-shadow:none; border:none;
    grid-template-columns:1fr; min-width:0; padding:2px 0 6px 14px;
  }
  .lp-navlinks.open > li.mega-right > .lp-mega{ right:auto; }
}

/* ── RTL (Arabic-ready) ───────────────────────────────────── */
html[dir="rtl"] .lp-mega{ left:auto; right:0; }
html[dir="rtl"] .lp-navlinks > li.mega-right > .lp-mega{ right:auto; left:0; }
@media (max-width:900px){
  html[dir="rtl"] .lp-navlinks.open > li > .lp-mega{ padding:2px 14px 6px 0; }
}

/* ── Footer: align footer columns with the new IA ─────────── */
.lp-foot-grid.v3{ display:grid; grid-template-columns:1.4fr repeat(4, 1fr) .8fr; gap:30px 24px; }
@media (max-width:980px){ .lp-foot-grid.v3{ grid-template-columns:1fr 1fr 1fr; } }
@media (max-width:620px){ .lp-foot-grid.v3{ grid-template-columns:1fr 1fr; } }

/* ── Feature/solution hub anchor offset (sticky header) ───── */
.anchor-pad{ scroll-margin-top:86px; }