/* lawyerreviews.com.au — primary navigation (mega menu + mobile drawer).
   Loaded as /assets/nav.css?v=<hash>, injected by _build/inject_nav.py.
   Selectors are deliberately specific: they override the per-page inline
   <style> header rules and the ones in site.css without !important. */

/* ---------------- header shell ---------------- */
header.site{overflow:visible;transition:box-shadow .3s var(--ease,cubic-bezier(.2,.8,.2,1))}
/* header height is a token so sticky sub-bars (.al-letter-nav) can track it.
   site.css sets .nav-row{height:60px} at <=760px at specificity (0,1,0); the rule
   below is (0,2,1) and would silently beat it, so it carries the breakpoints itself. */
:root{--lr-headerh:84px}
@media (max-width:760px){:root{--lr-headerh:60px}}
:root.lrnav-stuck{--lr-headerh:66px}
@media (max-width:760px){:root.lrnav-stuck{--lr-headerh:56px}}
header.site .nav-row{position:relative;height:var(--lr-headerh);gap:18px;transition:height .28s var(--ease,cubic-bezier(.2,.8,.2,1))}
header.site.is-stuck{box-shadow:0 8px 26px -10px rgba(2,50,75,.22)}
header.site .brand img{transition:height .28s var(--ease,cubic-bezier(.2,.8,.2,1))}
.al-letter-nav{top:var(--lr-headerh);transition:top .28s var(--ease,cubic-bezier(.2,.8,.2,1))}
header.site.is-stuck .brand img{height:34px}
@media (min-width:1081px){header.site .header-actions .icon-btn{display:none}}

/* ---------------- primary nav ---------------- */
header.site nav.primary.lrnav{display:flex;align-items:stretch;align-self:stretch;justify-content:center;flex:0 1 auto;margin-right:auto;margin-left:auto;gap:0}
@media (max-width:1080px){header.site nav.primary.lrnav{display:none}}
header.site nav.primary.lrnav a{text-transform:none;letter-spacing:normal;text-decoration:none;padding:0;transition:color .18s ease,background-color .16s ease}
header.site nav.primary.lrnav a:hover{opacity:1}
header.site nav.primary.lrnav .lrn-item{position:static;display:flex;align-items:stretch}

header.site nav.primary.lrnav .lrn-link{position:relative;display:inline-flex;align-items:center;padding:0 6px 0 14px;font-size:15px;font-weight:600;color:var(--navy,#1C3E78);white-space:nowrap}
header.site nav.primary.lrnav .lrn-item--solo .lrn-link{padding:0 14px}
header.site nav.primary.lrnav .lrn-link::after{content:"";position:absolute;left:14px;right:6px;bottom:-1px;height:2px;background:var(--teal,#11A0B0);transform:scaleX(0);transform-origin:left center;transition:transform .3s var(--ease,cubic-bezier(.2,.8,.2,1))}
header.site nav.primary.lrnav .lrn-item--solo .lrn-link::after{right:14px}
header.site nav.primary.lrnav .lrn-item:hover .lrn-link::after,
header.site nav.primary.lrnav .lrn-item.is-open .lrn-link::after{transform:scaleX(1)}
header.site nav.primary.lrnav .lrn-item.is-current .lrn-link{color:var(--navy-deep,#02324B)}
header.site nav.primary.lrnav .lrn-item.is-current .lrn-link::after{transform:scaleX(1);background:var(--navy,#1C3E78)}
header.site nav.primary.lrnav .lrn-link:focus-visible{outline:2px solid var(--teal,#11A0B0);outline-offset:-4px;border-radius:2px}

header.site nav.primary.lrnav .lrn-chev{display:inline-flex;align-items:center;justify-content:center;width:22px;padding:0 14px 0 0;margin:0;background:none;border:0;color:var(--ink-300,#9AA8B8);cursor:pointer;box-sizing:content-box}
header.site nav.primary.lrnav .lrn-chev svg{width:11px;height:11px;transition:transform .28s var(--ease,cubic-bezier(.2,.8,.2,1))}
header.site nav.primary.lrnav .lrn-item:hover .lrn-chev,
header.site nav.primary.lrnav .lrn-item.is-open .lrn-chev{color:var(--teal,#11A0B0)}
header.site nav.primary.lrnav .lrn-item.is-open .lrn-chev svg{transform:rotate(180deg)}
header.site nav.primary.lrnav .lrn-chev:focus-visible{outline:2px solid var(--teal,#11A0B0);outline-offset:-2px;border-radius:2px}

/* "For lawyers" pill */
header.site nav.primary.lrnav .lrn-item--cta{align-items:center;margin-left:10px}
header.site nav.primary.lrnav .lrn-cta{display:inline-flex;align-items:center;height:36px;padding:0 15px;font-size:13.5px;font-weight:800;color:var(--navy,#1C3E78);border:1.5px solid var(--navy,#1C3E78);border-radius:2px;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
header.site nav.primary.lrnav .lrn-cta:hover{background:var(--navy,#1C3E78);color:#fff}
header.site nav.primary.lrnav .lrn-item--cta.is-current .lrn-cta{background:var(--navy,#1C3E78);color:#fff}
header.site nav.primary.lrnav .lrn-cta:focus-visible{outline:2px solid var(--teal,#11A0B0);outline-offset:2px}

/* ---------------- mega panels ---------------- */
header.site nav.primary.lrnav .lrn-panel{position:absolute;top:calc(100% + 1px);left:50%;z-index:70;width:min(960px,calc(100vw - 40px));padding:22px;text-align:left;background:var(--paper,#fff);border:1px solid var(--rule,#E5E5E5);border-top:2px solid var(--teal,#11A0B0);box-shadow:0 28px 56px -18px rgba(2,50,75,.30),0 2px 8px rgba(2,50,75,.06);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:opacity .2s var(--ease,cubic-bezier(.2,.8,.2,1)),transform .24s var(--ease,cubic-bezier(.2,.8,.2,1)),visibility 0s linear .24s}
header.site nav.primary.lrnav .lrn-item.is-open .lrn-panel{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s var(--ease,cubic-bezier(.2,.8,.2,1)),transform .24s var(--ease,cubic-bezier(.2,.8,.2,1)),visibility 0s}
header.site nav.primary.lrnav .lrn-panel--narrow{width:min(700px,calc(100vw - 40px))}

header.site nav.primary.lrnav .lrn-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 18px}
header.site nav.primary.lrnav .lrn-grid--2{grid-template-columns:1.15fr 1fr}
header.site nav.primary.lrnav .lrn-h{margin:0 0 8px;padding:0 11px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500,#56697E)}
header.site nav.primary.lrnav .lrn-row{display:block;padding:8px 11px;border-radius:3px}
header.site nav.primary.lrnav .lrn-row:hover{background:var(--navy-100,#E4EEF7)}
header.site nav.primary.lrnav .lrn-t{display:block;font-size:14.5px;font-weight:800;color:var(--navy,#1C3E78);line-height:1.3}
header.site nav.primary.lrnav .lrn-t::after{content:"\2192";display:inline-block;margin-left:6px;opacity:0;transform:translateX(-4px);transition:opacity .18s ease,transform .18s ease}
header.site nav.primary.lrnav .lrn-row:hover .lrn-t{color:var(--teal-text,#0B7380)}
header.site nav.primary.lrnav .lrn-row:hover .lrn-t::after{opacity:1;transform:none}
header.site nav.primary.lrnav .lrn-d{display:block;margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.4;color:var(--ink-500,#56697E)}
header.site nav.primary.lrnav .lrn-chips{columns:2;column-gap:14px}
header.site nav.primary.lrnav .lrn-chips--2{columns:2}
header.site nav.primary.lrnav .lrn-rows--2{columns:2;column-gap:16px}
header.site nav.primary.lrnav .lrn-row{break-inside:avoid}
header.site nav.primary.lrnav .lrn-chip{display:block;padding:6px 11px;font-size:13.5px;font-weight:700;color:var(--ink-soft,#212529);border-radius:3px;break-inside:avoid}
header.site nav.primary.lrnav .lrn-chip:hover{background:var(--navy-100,#E4EEF7);color:var(--teal-text,#0B7380)}
header.site nav.primary.lrnav .lrn-col--rail{margin:-22px -22px -22px 0;padding:22px;background:var(--paper-warm,#FCFAF5);border-left:1px solid var(--rule,#E5E5E5)}
header.site nav.primary.lrnav .lrn-col--rail .lrn-chips{columns:1}
header.site nav.primary.lrnav .lrn-col--rail .lrn-chips--2{columns:2}
header.site nav.primary.lrnav .lrn-note{margin:10px 11px 0;font-size:12px;font-weight:500;line-height:1.5;color:var(--ink-500,#56697E)}
header.site nav.primary.lrnav .lrn-note a{font-weight:800;color:var(--teal-text,#0B7380)}
header.site nav.primary.lrnav .lrn-note a:hover{text-decoration:underline}
header.site nav.primary.lrnav .lrn-foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:18px -22px -22px;padding:12px 22px;background:var(--bg-soft,#F5F4F1);border-top:1px solid var(--rule,#E5E5E5)}
header.site nav.primary.lrnav .lrn-foot a{font-size:12.5px;font-weight:800;color:var(--navy,#1C3E78)}
header.site nav.primary.lrnav .lrn-foot a:hover{color:var(--teal-text,#0B7380);text-decoration:underline;text-underline-offset:3px}
header.site nav.primary.lrnav .lrn-foot .lrn-sep{color:var(--ink-300,#9AA8B8)}

@media (max-width:1220px){
  header.site nav.primary.lrnav .lrn-link{font-size:14px;padding:0 4px 0 11px}
  header.site nav.primary.lrnav .lrn-item--solo .lrn-link{padding:0 11px}
  header.site nav.primary.lrnav .lrn-link::after{left:11px;right:4px}
  header.site nav.primary.lrnav .lrn-chev{padding-right:10px}
  header.site nav.primary.lrnav .lrn-cta{height:34px;padding:0 12px;font-size:13px}
  header.site .nav-row{gap:12px}
}

/* ---------------- mobile drawer ---------------- */
/* Base shell, unconditioned: pages that never shipped a drawer have no
   .mobile-drawer / .scrim rules of their own. */
body .mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;height:100%;z-index:60;display:flex;flex-direction:column;padding:0;background:var(--paper,#fff);box-shadow:-14px 0 44px rgba(2,50,75,.18);transform:translateX(102%);transition:transform .34s var(--ease,cubic-bezier(.2,.8,.2,1));overflow-y:auto;overscroll-behavior:contain}
body .scrim{position:fixed;inset:0;z-index:55;background:rgba(2,50,75,.55);opacity:0;pointer-events:none;transition:opacity .3s var(--ease,cubic-bezier(.2,.8,.2,1))}
body .scrim.show{opacity:1;pointer-events:auto}
body .mobile-drawer .close{position:absolute;top:14px;right:12px;width:40px;height:40px;margin:0;display:flex;align-items:center;justify-content:center;background:none;border:0;font-size:20px;line-height:1;color:var(--navy,#1C3E78);cursor:pointer;border-radius:50%;transition:background .18s ease}
body .mobile-drawer.open{right:0;transform:none}
body .mobile-drawer .close:hover{background:var(--navy-100,#E4EEF7)}
body .mobile-drawer a{text-decoration:none}
body .mobile-drawer .lrd-top{display:flex;align-items:center;height:68px;padding:0 62px 0 20px;border-bottom:1px solid var(--rule,#E5E5E5);flex:none}
body .mobile-drawer .lrd-top img{height:32px;width:auto;display:block}
body .mobile-drawer .site-search{margin:16px 20px 4px;width:auto}
body .mobile-drawer nav[aria-label="Mobile"]{margin:8px 0 0;padding:0 20px;flex:1 1 auto;overflow-y:auto;display:block}

body .mobile-drawer .lrd-sec{border-bottom:1px solid var(--rule,#E5E5E5)}
body .mobile-drawer .lrd-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 2px;background:none;border:0;font-family:inherit;font-size:15.5px;font-weight:800;letter-spacing:normal;text-transform:none;color:var(--navy,#1C3E78);text-align:left;cursor:pointer}
body .mobile-drawer .lrd-btn svg{width:13px;height:13px;color:var(--ink-300,#9AA8B8);flex:none;transition:transform .28s var(--ease,cubic-bezier(.2,.8,.2,1))}
body .mobile-drawer .lrd-btn[aria-expanded="true"]{color:var(--teal-text,#0B7380)}
body .mobile-drawer .lrd-btn[aria-expanded="true"] svg{transform:rotate(180deg);color:var(--teal,#11A0B0)}
body .mobile-drawer .lrd-panel{max-height:0;visibility:hidden;overflow:hidden;transition:max-height .32s var(--ease,cubic-bezier(.2,.8,.2,1)),visibility 0s linear .32s}
body .mobile-drawer .lrd-panel.is-open{max-height:1400px;visibility:visible;transition:max-height .4s var(--ease,cubic-bezier(.2,.8,.2,1)),visibility 0s}
body .mobile-drawer .lrd-panel-in{padding:2px 0 14px;border-left:2px solid var(--teal-50,#E0F4F6);margin-left:2px}
body .mobile-drawer .lrd-panel .lrn-grid,body .mobile-drawer .lrd-panel .lrn-chips,body .mobile-drawer .lrd-panel .lrn-chips--2,body .mobile-drawer .lrd-panel .lrn-rows--2{display:block;columns:1}
body .mobile-drawer .lrd-panel .lrn-col--rail{margin:0;padding:0;background:none;border:0}
body .mobile-drawer .lrd-panel .lrn-h{margin:12px 0 2px;padding:0 12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500,#56697E)}
body .mobile-drawer .lrd-panel .lrn-col:first-child .lrn-h{margin-top:4px}
body .mobile-drawer .lrd-panel a{display:block;padding:9px 12px;font-size:14.5px;font-weight:700;text-transform:none;letter-spacing:normal;border:0;color:var(--navy,#1C3E78);border-radius:3px}
body .mobile-drawer .lrd-panel a:active{background:var(--navy-100,#E4EEF7)}
body .mobile-drawer .lrd-panel .lrn-d{display:none}
body .mobile-drawer .lrd-panel .lrn-t{font-size:14.5px;font-weight:700}
body .mobile-drawer .lrd-panel .lrn-t::after{display:none}
body .mobile-drawer .lrd-panel .lrn-note{display:none}
body .mobile-drawer .lrd-panel .lrn-foot{display:block;margin:6px 0 0;padding:6px 0 0;background:none;border-top:1px dashed var(--rule,#E5E5E5)}
body .mobile-drawer .lrd-panel .lrn-foot .lrn-sep{display:none}
body .mobile-drawer .lrd-panel .lrn-foot a{font-size:13.5px;font-weight:800;color:var(--teal-text,#0B7380)}

body .mobile-drawer nav[aria-label="Mobile"] a.lrd-link{display:block;padding:15px 2px;font-size:15.5px;font-weight:800;letter-spacing:normal;text-transform:none;color:var(--navy,#1C3E78);border-bottom:1px solid var(--rule,#E5E5E5)}
body .mobile-drawer .lrd-foot{flex:none;padding:16px 20px calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--rule,#E5E5E5);background:var(--bg-soft,#F5F4F1)}
body .mobile-drawer .drawer-cta,body .mobile-drawer .lrd-cta{display:flex;align-items:center;justify-content:center;height:52px;margin:0;background:var(--navy,#1C3E78);color:#fff;font-size:15px;font-weight:800;border-radius:2px}
body .mobile-drawer .lrd-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:14px}
body .mobile-drawer .lrd-meta a{font-size:12.5px;font-weight:700;color:var(--ink-500,#56697E)}
body .mobile-drawer .lrd-meta a:hover{color:var(--navy,#1C3E78)}

@media (prefers-reduced-motion:reduce){
  header.site,header.site .nav-row,header.site .brand img,
  header.site nav.primary.lrnav .lrn-panel,header.site nav.primary.lrnav .lrn-chev svg,
  header.site nav.primary.lrnav .lrn-link::after,header.site nav.primary.lrnav .lrn-t::after,
  body .mobile-drawer,body .mobile-drawer .lrd-panel,body .mobile-drawer .lrd-btn svg{transition-duration:.01ms!important}
}