/* ==========================================================================
   TIW Mega Menu — Signal & Ink
   Scoped to .tiw-mega and Flatsome nav classes only. No global resets.
   Selectors verified against Flatsome 3.18.7 rendered DOM:
     mega     -> li.menu-item-design-full-width > div.nav-dropdown
     standard -> li.menu-item-design-default    > ul.nav-dropdown.nav-dropdown-bold
   ========================================================================== */

/* ---------- Mega panel ---------- */
.tiw-mega{display:grid;grid-template-columns:1fr 268px;gap:32px;
  max-width:1180px;margin:0 auto;padding:26px 24px 28px;
  font-family:"Plus Jakarta Sans",sans-serif;color:#17324d;background:#fff}
.tiw-mega__cols{display:grid;gap:26px 22px}
.tiw-mega--4 .tiw-mega__cols{grid-template-columns:repeat(4,1fr)}
.tiw-mega--3 .tiw-mega__cols{grid-template-columns:repeat(3,1fr)}
.tiw-mega--2 .tiw-mega__cols{grid-template-columns:repeat(2,1fr)}

.tiw-mega .tiw-col__t{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#17324d;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #e7eef0}
.tiw-mega .tiw-l{display:block;font-size:14px;line-height:1.35;font-weight:600;color:#5a6b7a;
  text-decoration:none;padding:6px 0;text-transform:none;letter-spacing:0;
  transition:color .12s cubic-bezier(.2,0,0,1)}
.tiw-mega .tiw-l--hero{font-weight:800;color:#17324d}
.tiw-mega .tiw-l:hover{color:#ff6a3d}
.tiw-mega .tiw-subs{margin:2px 0 6px 11px;padding-left:11px;border-left:1px solid #e7eef0}
.tiw-mega .tiw-subs .tiw-l{font-size:12.5px;padding:5px 0}

.tiw-mega .tiw-rail{background:#fff8f0;border:1px solid #e7eef0;border-radius:14px;padding:22px;
  display:flex;flex-direction:column}
.tiw-mega .tiw-rail__ey{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#ff6a3d;margin:0}
.tiw-mega .tiw-rail__h{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:8px 0 6px;color:#17324d}
.tiw-mega .tiw-rail__p{font-size:13.5px;line-height:1.5;color:#5a6b7a;margin:0 0 16px}
.tiw-mega .tiw-rail__cta{margin-top:auto;background:#c44924;color:#fff8f0;font-size:14.5px;font-weight:700;
  text-align:center;text-decoration:none;padding:12px 18px;border-radius:8px;text-transform:none;
  transition:background .12s cubic-bezier(.2,0,0,1)}
.tiw-mega .tiw-rail__cta:hover{background:#b83b1d;color:#fff8f0}

/* ---------- Full-width mega dropdown container ---------- */
.header-nav li.menu-item-design-full-width > .nav-dropdown{
  padding:0;border-radius:0;border-top:1px solid #e7eef0;background:#fff;
  box-shadow:0 18px 34px rgb(23 50 77/.12)}

/* ---------- Compact standard dropdown (All Over Print) ---------- */
.header-nav li.menu-item-design-default > .nav-dropdown{
  min-width:248px;background:#fff;border:1px solid #e7eef0;border-radius:14px;
  box-shadow:0 18px 34px rgb(23 50 77/.12);padding:8px}
.header-nav li.menu-item-design-default > .nav-dropdown > li > a{
  display:block;padding:11px 12px;border-radius:8px;font-size:14px;font-weight:600;
  color:#5a6b7a;text-transform:none;letter-spacing:0;
  font-family:"Plus Jakarta Sans",sans-serif}
.header-nav li.menu-item-design-default > .nav-dropdown > li > a:hover{color:#ff6a3d}
/* right-align so the rightmost panel never overflows the viewport */
.header-nav > li:last-child > .nav-dropdown:not(.nav-dropdown-full){left:auto;right:0}

/* ---------- Nav bar ---------- */
.header-nav > li.active > a.nav-top-link,
.header-nav > li:hover > a.nav-top-link{color:#ff6a3d}

/* ---------- Focus ring (Aqua) ---------- */
.header-nav a:focus-visible,
.tiw-mega .tiw-l:focus-visible,
.tiw-mega .tiw-rail__cta:focus-visible,
#main-menu .nav-sidebar a:focus-visible{
  outline:2px solid #159a9c;outline-offset:2px;box-shadow:0 0 0 3px rgb(21 154 156/.34)}

/* ---------- Mobile off-canvas drawer ---------- */
#main-menu .nav-sidebar{font-family:"Plus Jakarta Sans",sans-serif}
#main-menu .nav-sidebar li a{text-transform:none;letter-spacing:-.01em;
  color:#17324d;font-size:16px;font-weight:800;padding:14px 18px}
#main-menu .nav-sidebar li li a{font-size:14.5px;font-weight:600;color:#5a6b7a}
#main-menu .nav-sidebar li li li a{font-size:13px;font-weight:500;color:#5a6b7a}
#main-menu .nav-sidebar li a:hover,
#main-menu .nav-sidebar li.current-menu-item > a{color:#c44924}
#main-menu .nav-sidebar .toggle{color:#17324d}

/* ---------- Motion ---------- */
@media (prefers-reduced-motion:reduce){
  .tiw-mega .tiw-l,.tiw-mega .tiw-rail__cta{transition:none}
}