/* LegitAssure — refreshed site header (Phase 10.6). Loaded on every page after the theme CSS.
   Menu markup comes from inc/nav.php; dropdowns use their own .la-dd classes so the theme's .sub-menu rules don't apply. */
:root { --la-navy: #0a1d35; --la-navy-2: #071427; --la-gold-btn: #c9a98c; --la-teal: #0f5d6a; --la-ui: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }

/* ---------- trust bar ---------- */
header#pq-header .la-topbar { background: var(--la-navy-2); color: #c3cedd; font: 500 13px/1.2 var(--la-ui); }
header#pq-header .la-topbar__in { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 34px; }
header#pq-header .la-topbar__items { display: flex; flex-wrap: wrap; gap: 6px 22px; list-style: none; margin: 0; padding: 0; }
header#pq-header .la-topbar__items li { display: flex; align-items: center; gap: 7px; margin: 0; }
header#pq-header .la-topbar__items svg { color: #d6b99f; flex-shrink: 0; }
header#pq-header .la-topbar__mail { color: #c3cedd !important; text-decoration: none; }
header#pq-header .la-topbar__mail:hover { color: #fff !important; }

/* ---------- header bar ---------- */
header#pq-header .pq-bottom-header .navbar { min-height: 80px; padding-top: 0 !important; padding-bottom: 0 !important; }
header#pq-header .navbar-brand { padding: 0; margin-right: 24px; }
header#pq-header .navbar-brand img.logo { height: 52px !important; width: auto !important; max-width: none; }
header#pq-header .navbar-brand img.logo-dark { display: none; }

header#pq-header #pq-main-menu.la-nav { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; }
header#pq-header #pq-main-menu.la-nav > li { margin: 0 !important; padding: 0 !important; position: relative; }
header#pq-header #pq-main-menu.la-nav > li > a,
header#pq-header #pq-main-menu.la-nav > li > .la-dd__btn {
  display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px !important; border: 0; border-radius: 8px; background: transparent;
  font: 500 15.5px/1.2 var(--la-ui) !important; letter-spacing: 0.1px; text-transform: none; color: #e6ecf3 !important; cursor: pointer; transition: background .15s, color .15s;
}
header#pq-header #pq-main-menu.la-nav > li > a::before, header#pq-header #pq-main-menu.la-nav > li > a::after { display: none !important; }
header#pq-header #pq-main-menu.la-nav > li > a:hover,
header#pq-header #pq-main-menu.la-nav > li > .la-dd__btn:hover,
header#pq-header #pq-main-menu.la-nav > li.la-dd.is-open > .la-dd__btn { background: rgba(255, 255, 255, .08); color: #fff !important; }
header#pq-header #pq-main-menu.la-nav > li.current-menu-item > a,
header#pq-header #pq-main-menu.la-nav > li.current-menu-ancestor > .la-dd__btn { box-shadow: inset 0 -2px 0 #b8967e; }
header#pq-header #pq-main-menu .la-dd__btn:focus-visible, header#pq-header #pq-main-menu.la-nav a:focus-visible { outline: 2px solid #d6b99f; outline-offset: 2px; }
header#pq-header #pq-main-menu .la-dd__chev { transition: transform .15s; }
header#pq-header #pq-main-menu .la-dd.is-open .la-dd__chev { transform: rotate(180deg); }

/* Get Guidance button: navy text on gold (white on this gold fails contrast) */
header#pq-header #pq-main-menu.la-nav > li.la-nav-cta { margin-left: 14px !important; }
header#pq-header #pq-main-menu.la-nav > li.la-nav-cta > a { background: var(--la-gold-btn); color: var(--la-navy) !important; font-weight: 700 !important; padding: 12px 22px !important; border-radius: 10px; box-shadow: none; }
header#pq-header #pq-main-menu.la-nav > li.la-nav-cta > a:hover { background: #d9bca3; color: var(--la-navy) !important; }

/* ---------- dropdown cards ---------- */
header#pq-header #pq-main-menu .la-dd__panel {
  display: none; position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); width: 440px; z-index: 1000;
  background: #fff; border-radius: 16px; box-shadow: 0 24px 60px rgba(4, 12, 28, .35); padding: 8px 10px 0; text-align: left; overflow: hidden;
}
header#pq-header #pq-main-menu .la-dd--right .la-dd__panel { left: auto; right: 0; transform: none; }
header#pq-header #pq-main-menu .la-dd__panel::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; } /* hover bridge */
header#pq-header #pq-main-menu .la-dd__eyebrow { margin: 12px 12px 4px !important; font: 700 11.5px/1 var(--la-ui); letter-spacing: 1.2px; text-transform: uppercase; color: #6b7686; }
header#pq-header #pq-main-menu .la-dd__list { list-style: none; margin: 0; padding: 0 0 8px; display: block !important; float: none !important; width: auto !important; position: static !important; }
header#pq-header #pq-main-menu .la-dd__panel > * { float: none !important; }
header#pq-header #pq-main-menu .la-dd__list > li { display: block !important; float: none !important; width: auto !important; }
header#pq-header #pq-main-menu .la-dd__list li { margin: 0; padding: 0; }
header#pq-header #pq-main-menu .la-dd__item { display: flex !important; gap: 14px; align-items: flex-start; padding: 11px 12px !important; border-radius: 10px; text-decoration: none !important; font-size: 15px !important; line-height: 1.3 !important; float: none; width: auto; }
header#pq-header #pq-main-menu .la-dd__item:hover, header#pq-header #pq-main-menu .la-dd__item.is-current { background: #f3f7f8; }
header#pq-header #pq-main-menu .la-dd__icon { width: 40px; height: 40px; flex-shrink: 0; border-radius: 10px; background: #e7f0f1; color: var(--la-teal); display: grid; place-items: center; font-size: 17px; }
header#pq-header #pq-main-menu .la-dd__item:hover .la-dd__icon { background: var(--la-teal); color: #fff; }
header#pq-header #pq-main-menu .la-dd__text { display: flex; flex-direction: column; gap: 3px; }
header#pq-header #pq-main-menu .la-dd__t { font: 700 15px/1.3 var(--la-ui); color: var(--la-navy); }
header#pq-header #pq-main-menu .la-dd__d { font: 400 13.5px/1.45 var(--la-ui); color: #4b5563; }
header#pq-header #pq-main-menu .la-dd__all { display: flex !important; justify-content: space-between; margin: 0 -10px; padding: 13px 22px !important; background: #f6f4f0; color: var(--la-teal) !important; font: 600 14.5px/1.2 var(--la-ui) !important; text-decoration: none !important; float: none; width: auto; clear: both; }
header#pq-header #pq-main-menu .la-dd__all:hover { background: #efe9e1; }
@media (min-width: 992px) {
  header#pq-header #pq-main-menu .la-dd:hover > .la-dd__panel, header#pq-header #pq-main-menu .la-dd:focus-within > .la-dd__panel, header#pq-header #pq-main-menu .la-dd.is-open > .la-dd__panel { display: block; }
}

/* ---------- scrolled: the theme adds .pq-header-sticky after 300px ---------- */
header#pq-header .pq-bottom-header.pq-header-sticky { background: #fff !important; box-shadow: 0 6px 24px rgba(10, 29, 53, .10); }
header#pq-header .pq-header-sticky .navbar { min-height: 66px; }
header#pq-header .pq-header-sticky .navbar-brand img.logo { height: 42px !important; }
header#pq-header .pq-header-sticky .navbar-brand img.logo:only-of-type { filter: brightness(0); } /* no dark logo uploaded: show the logo in solid dark */
header#pq-header .pq-header-sticky .navbar-brand img.logo-dark { display: inline-block; }
header#pq-header .pq-header-sticky .navbar-brand img.logo:has(+ img.logo-dark) { display: none; }
header#pq-header .pq-header-sticky #pq-main-menu.la-nav > li > a,
header#pq-header .pq-header-sticky #pq-main-menu.la-nav > li > .la-dd__btn { color: #1b2a3f !important; font-size: 15px !important; }
header#pq-header .pq-header-sticky #pq-main-menu.la-nav > li > a:hover,
header#pq-header .pq-header-sticky #pq-main-menu.la-nav > li > .la-dd__btn:hover,
header#pq-header .pq-header-sticky #pq-main-menu.la-nav > li.la-dd.is-open > .la-dd__btn { background: #f1f4f7; color: var(--la-teal) !important; }
header#pq-header .pq-header-sticky #pq-main-menu.la-nav > li.la-nav-cta > a { background: var(--la-navy); color: #fff !important; }
header#pq-header .pq-header-sticky #pq-main-menu.la-nav > li.la-nav-cta > a:hover { background: #13294a; }

/* ---------- phones & small tablets: full-screen menu ---------- */
header#pq-header .pq-bottom-header .navbar-toggler { border: 0 !important; width: 44px !important; height: 44px !important; line-height: 44px !important; border-radius: 12px !important; background: rgba(255, 255, 255, .10) !important; color: #fff !important; box-shadow: none !important; padding: 0 !important; font-size: 18px !important; }
header#pq-header .pq-bottom-header .navbar-toggler[aria-expanded="true"] i::before { content: "\f00d"; }
header#pq-header .pq-bottom-header.pq-header-sticky .navbar-toggler { background: #eef1f5 !important; color: var(--la-navy) !important; }
@media (max-width: 991.98px) {
  header#pq-header .la-topbar__items li:not(:first-child), header#pq-header .la-topbar__mail { display: none; }
  header#pq-header .la-topbar__in { justify-content: center; }
  header#pq-header .pq-bottom-header .navbar { min-height: 68px; flex-wrap: nowrap; }
  header#pq-header .navbar-brand img.logo { height: 44px !important; }
  /* the theme turns this into a small absolute box (max 330px); make it a full-screen panel under the header */
  header#pq-header .pq-bottom-header .navbar .navbar-collapse {
    position: fixed !important; left: 0 !important; right: 0 !important; top: var(--la-hh, 102px) !important; bottom: 0 !important;
    width: auto !important; height: auto !important; max-height: none !important; margin: 0 !important; z-index: 999;
    background: var(--la-navy) !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 8px 12px 0 !important; border: 0 !important; box-shadow: none !important;
  }
  header#pq-header .pq-bottom-header .navbar .navbar-collapse:not(.show):not(.collapsing) { display: none !important; }
  header#pq-header .pq-bottom-header .navbar .navbar-collapse.collapsing { transition: none !important; }
  header#pq-header #pq-menu-contain { min-height: 100%; display: flex; flex-direction: column; }
  header#pq-header #pq-main-menu.la-nav { flex-direction: column; align-items: stretch; gap: 0; flex-grow: 1; }
  header#pq-header #pq-main-menu.la-nav > li > a,
  header#pq-header #pq-main-menu.la-nav > li > .la-dd__btn,
  header#pq-header .pq-header-sticky #pq-main-menu.la-nav > li > a,
  header#pq-header .pq-header-sticky #pq-main-menu.la-nav > li > .la-dd__btn {
    width: 100%; justify-content: space-between; padding: 16px 12px !important; border-radius: 0; font-size: 19px !important; font-weight: 600 !important;
    color: #fff !important; background: transparent; border-bottom: 1px solid rgba(255, 255, 255, .07); box-shadow: none;
  }
  header#pq-header #pq-main-menu.la-nav > li.la-dd.is-open > .la-dd__btn { color: #d6b99f !important; background: transparent; border-bottom: 0; }
  header#pq-header #pq-main-menu .la-dd__panel { position: static; transform: none; width: auto; box-shadow: none; background: transparent; padding: 0 4px 10px; border-radius: 0; }
  header#pq-header #pq-main-menu .la-dd.is-open > .la-dd__panel { display: block; border-bottom: 1px solid rgba(255, 255, 255, .07); }
  header#pq-header #pq-main-menu .la-dd__eyebrow, header#pq-header #pq-main-menu .la-dd__icon { display: none; }
  header#pq-header #pq-main-menu .la-dd__item { padding: 12px 14px; }
  header#pq-header #pq-main-menu .la-dd__item:hover, header#pq-header #pq-main-menu .la-dd__item.is-current { background: rgba(255, 255, 255, .06); }
  header#pq-header #pq-main-menu .la-dd__t { color: #fff; font-size: 16px; }
  header#pq-header #pq-main-menu .la-dd__d { color: #c3cedd; }
  header#pq-header #pq-main-menu .la-dd__all { background: none; margin: 0; padding: 10px 14px; color: #d6b99f !important; }
  header#pq-header #pq-main-menu.la-nav > li.la-nav-cta { margin: auto -12px 0 !important; width: calc(100% + 24px); box-sizing: border-box; padding: 16px 20px 26px !important; position: sticky; bottom: 0; background: var(--la-navy-2); }
  header#pq-header #pq-main-menu.la-nav > li.la-nav-cta > a,
  header#pq-header .pq-header-sticky #pq-main-menu.la-nav > li.la-nav-cta > a { display: flex !important; justify-content: center; height: 54px; border-radius: 14px; font-size: 17px !important; background: var(--la-gold-btn); color: var(--la-navy) !important; border: 0; }
  body.la-menu-open { overflow: hidden; }
}