/* ==========================================================================
   LFFO FIXES 2 - loaded after lffo-fixes.css (requested 2026-08-31, batch 4)
   ========================================================================== */

/* (26) NAV HOVER - only ONE underline at a time. While the row is hovered the
   current-page underline retracts, so only the hovered item is underlined. */
@media (min-width:1081px){
  /* the current page is marked by its gold colour, not a persistent underline,
     so only the hovered / open item is ever underlined - one underline, never two. */
  .site-header .nav-menu .nav-link.is-current::after{ transform:scaleX(0) !important; }
  .site-header .nav-menu .nav-link:hover::after{ transform:scaleX(1) !important; }
  /* when the dropdown is open, the item carries no nav underline - the panel's
     own top glow is the mark, so there is never a redundant line in the middle. */
  .site-header .nav-menu .nav-item.open .nav-link::after{ transform:scaleX(0) !important; }
}

/* (27) DROPDOWN NORTH EDGE - NO static gold bar. A single refined comet spark
   runs the top edge: a soft gold tail into a white-hot head with a glow halo,
   fading IN as it enters from the left and OUT as it leaves on the right, then
   looping. No golden rectangle anywhere - just the travelling light. */
@media (min-width:1081px){
  .site-header .dropdown{ position:absolute; border-top:0 !important; }
  .site-header .dropdown::before{ content:none !important; }
  .site-header .dropdown::after{
    content:"" !important; position:absolute; top:-1px; left:0; right:0; height:3px;
    z-index:7; pointer-events:none; border-radius:3px;
    background-image:linear-gradient(90deg,
      rgba(201,163,78,0) 0%,
      rgba(201,163,78,.16) 30%,
      rgba(201,163,78,.4) 52%,
      rgba(220,183,99,.85) 70%,
      #fff7dd 84%,
      #ffffff 91%,
      rgba(255,247,221,.55) 96%,
      rgba(255,255,255,0) 100%);
    background-repeat:no-repeat; background-size:130px 100%; background-position:-130px 0;
    opacity:0;
    filter:drop-shadow(0 0 5px rgba(255,247,221,.6)) drop-shadow(0 0 2px rgba(220,183,99,.85));
  }
  .site-header .nav-item.open .dropdown::after{
    animation:lffoDropSpark 3.2s cubic-bezier(.45,0,.25,1) .3s infinite;
  }
}
@keyframes lffoDropSpark{
  0%   { background-position:-130px 0; opacity:0; }
  9%   { opacity:1; }
  50%  { opacity:1; }
  91%  { opacity:1; }
  100% { background-position:calc(100% + 130px) 0; opacity:0; }
}
@media (prefers-reduced-motion: reduce){
  .site-header .nav-item.open .dropdown::after{ animation:none; opacity:0; }
}

/* (37) MOBILE FILTER SHEET - drop the light-blue footer bar behind Clear All / Show. */
@media (max-width:760px){
  .lr-foot{ background:linear-gradient(180deg, rgba(255,255,255,0) 0, #ffffff 14px) !important; }
  .lr-clear, .lr-reset{ background:none !important; border:0 !important; box-shadow:none !important; }
}

/* (28) HOME 3 TIER CARDS - a more premium engraved treatment (text + links kept).
   Gold cap, richer navy head with a gold hairline, the price lifted into gold.
   No lift on hover (the house rule), the gold edge answers instead. */
body.home .join-tiers .jt{
  border:1px solid var(--line) !important;
  border-top:3px solid var(--gold, #c9a34e) !important;
  box-shadow:0 2px 4px rgba(10,23,40,.06), 0 14px 30px -18px rgba(15,32,56,.30) !important;
}
body.home .join-tiers .jt-head{
  background:linear-gradient(163deg, #16305a 0%, #0f2038 100%) !important;
  border-bottom:1px solid rgba(201,163,78,.28) !important;
}
body.home .join-tiers .jt[data-tier-kind="partner"] .jt-head{
  background:linear-gradient(163deg, #7a5238 0%, #5c3d29 100%) !important;
}
body.home .join-tiers .jt-price{ color:var(--gold-bright, #dcb763) !important; }
body.home .join-tiers .jt:hover{ border-color:var(--gold, #c9a34e) !important; box-shadow:0 2px 4px rgba(10,23,40,.07), 0 20px 40px -18px rgba(15,32,56,.4) !important; }

/* (29) VIEW MEMBERSHIP (last section) - frosted glass, not solid white; shine kept. */
body.home .btn-member.btn-line{
  background:rgba(255,255,255,.10) !important; color:#ffffff !important;
  border-color:rgba(255,255,255,.42) !important;
  box-shadow:0 2px 12px rgba(6,14,26,.20), inset 0 1px 0 rgba(255,255,255,.22), 0 0 18px rgba(255,255,255,.10) !important;
}
@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){
  body.home .btn-member.btn-line{ -webkit-backdrop-filter:blur(9px) saturate(1.15); backdrop-filter:blur(9px) saturate(1.15); background:rgba(255,255,255,.08) !important; }
}
body.home .btn-member.btn-line:hover, body.home .btn-member.btn-line:focus-visible{
  background:rgba(255,255,255,.17) !important; color:#ffffff !important; border-color:rgba(255,255,255,.68) !important;
  box-shadow:0 4px 18px rgba(6,14,26,.24), inset 0 1px 0 rgba(255,255,255,.30), 0 0 24px rgba(255,255,255,.18) !important;
}

/* (30) TALK TO US - editorial serif italic, and a non-gold (soft sky) hover. */
body.home .link-cta.on-navy{
  font-family:var(--serif, "EB Garamond", Georgia, serif) !important;
  font-style:italic !important; font-weight:500 !important; letter-spacing:0 !important; font-size:1.06rem !important;
}
body.home .link-cta.on-navy:hover, body.home .link-cta.on-navy:focus-visible{ color:#bcdcea !important; }

/* (31) MEMBER DOCUMENT FOLD - hover-only, like the public PDFs. */
body.lffo-member .lb-row.is-mem > .lb-fold{ transform:scale(0) !important; }
body.lffo-member .lb-row.is-mem:hover > .lb-fold,
body.lffo-member .lb-row.is-mem:focus-within > .lb-fold{ transform:scale(1) !important; }

/* (32) LIBRARY CARD - category colour on the LEFT edge only (remove the right). */
.lb-row{ box-shadow:var(--shadow-xs), var(--edge-light), inset 3px 0 0 var(--lf, var(--line)) !important; }
.lb-row:hover{ box-shadow:var(--shadow-sm), var(--edge-light), inset 3px 0 0 var(--lf, var(--line)) !important; }
.lb-row.is-pinned{ box-shadow:var(--shadow-sm), var(--edge-light), inset 3px 0 0 var(--gold-deep, #a07c33) !important; }

/* (33) LIBRARY FILTER - drop the washy light-blue; warm neutral instead. */
.lf-opt.is-on .lf-lb{ background:#f3f1ea !important; }
.lib-rail{ background:var(--surface, #fff) !important; }
.lr-clear, .lr-reset{ background:none !important; }

/* (34) MOBILE - a more legible, elevated card for the library documents. */
@media (max-width:760px){
  .lib-register{ gap:16px !important; }
  .lb-row{
    border-radius:12px !important;
    padding:16px 16px 15px 20px !important;
    background:#ffffff !important;
    border:1px solid var(--line) !important;
    box-shadow:0 6px 18px -8px rgba(15,32,56,.24), 0 1px 3px rgba(15,32,56,.06), inset 4px 0 0 var(--lf, var(--line)) !important;
  }
  .lb-row.is-pinned{ box-shadow:0 6px 18px -8px rgba(15,32,56,.24), 0 1px 3px rgba(15,32,56,.06), inset 4px 0 0 var(--gold-deep,#a07c33) !important; }
  .lb-row::before{ display:none !important; }
  .lb-eyebrow{ margin-bottom:8px !important; }
  .lb-t{ font-size:1.1rem !important; line-height:1.25 !important; margin:2px 0 6px !important; }
  .lb-acts{ margin-top:14px !important; padding-top:12px !important; border-top:1px solid var(--line-soft, #f0e9da) !important; gap:20px !important; }
  .lb-acts a, .lb-acts button{ font-size:.92rem !important; }
}


/* (39) NAV UNDERLINE - single thin line. The real second line is the theme's
   own JS sliding indicator span (.nav-underline), which doubled with the CSS
   underline this layer adds. The sliding span is hidden; the header's faint
   gold bottom hairline is dropped too, so only one thin line under the label
   ever shows (hover / current, and hidden while a dropdown is open). */
.nav-underline{ display:none !important; }
.site-header::before{ border-bottom-color:transparent !important; }
@media (min-width:1081px){
  .site-header .nav-menu .nav-link::after{
    height:1px !important; bottom:.36em !important; left:.72em !important; right:.72em !important;
    border-radius:1px;
  }
}