/* Halo & Horns — presentation overrides (loaded after the app stylesheet).
   Owner-requested tweaks that are not yet in the Website V2 source.
   Keep this file small; back-port each rule into the source when possible.
   Re-linked into every page by tools/apply-site-patches.py after an export. */

/* Red (crimson) button, used for Login */
.btn-red{color:#fff;letter-spacing:.02em;background:var(--crimson,#9e1b24);border:1px solid rgba(227,53,79,.55);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.4);transition:background .2s}
.btn-red:hover{background:#b7222d}
.btn-red:active{background:#8a171f}

/* Header: slimmer bar on desktop */
@media (min-width:1024px){
  header.fixed > .glass{padding-top:.45rem;padding-bottom:.45rem}
}

/* Header on phones: keep the full lockup (incl. CONTENT MANAGEMENT); make the
   Apply button and menu button compact so all three fit on one row */
@media (max-width:639px){
  header.fixed > .glass{gap:.375rem;padding-left:.5rem;padding-right:.5rem}
  header.fixed .lockup-header{font-size:15px}
  header.fixed .btn-gold{padding:.5rem .8rem;font-size:12px;line-height:1}
  header.fixed .btn-ghost{padding:.35rem .55rem;font-size:1.1rem;line-height:1}
}
@media (max-width:379px){
  header.fixed .lockup-header{font-size:13.5px}
  header.fixed > .glass > a > img{width:2rem;height:2rem}
}

/* Desktop dropdowns: invisible hover bridge over the gap between the menu
   button and its panel (and between a row and its fly-out), so the panel
   no longer closes while the cursor crosses the gap. */
.nav-panel.absolute.top-full{margin-top:.5rem}
.nav-panel.absolute.top-full::before{content:"";position:absolute;left:0;right:0;top:-.75rem;height:.75rem}
.nav-panel.absolute.left-full::before{content:"";position:absolute;top:0;bottom:0;left:-.75rem;width:.75rem}
.nav-panel.absolute.right-full::before{content:"";position:absolute;top:0;bottom:0;right:-.75rem;width:.75rem}

/* Hero -> "Two halves. One promise." sits closer to the banner */
main > section:first-child > .relative.mx-auto.grid{padding-bottom:1.5rem}
@media (min-width:1024px){ main > section:first-child > .relative.mx-auto.grid{padding-bottom:2.5rem} }
main > section:nth-child(2){padding-top:1.25rem}

/* Turnstile widget inside the application form: never wider than the card */
.cf-turnstile, .cf-turnstile iframe{max-width:100%}