/* ── Static-port additions (Cloudflare rebuild, 2026-09) ──────────────
   Everything visual still comes from the original zeus stylesheets;
   this file only covers what the WP → static port changed. */

/* Thornwood footer credit — wordmark standard (#202020 footer → white SVG) */
.foot-credit { text-align: center; margin: 14px 0 4px; }
.foot-credit-label { display: block; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: rgba(255, 255, 255, .8); }
.foot-credit a { display: inline-block; margin-top: 8px; opacity: .85; transition: opacity .25s ease, transform .25s ease; }
.foot-credit a:hover, .foot-credit a:focus-visible { opacity: 1; transform: translateY(-1px); }
.foot-credit a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.foot-credit-logo { display: block; height: clamp(24px, 2vw, 30px); width: auto; margin: 0 auto; }

/* Form status line (replaces the CF7 response output) */
.form-status { display: none; margin-top: 16px; padding: 10px 14px; border: 2px solid; font-size: 16px; text-align: center; }
.form-status.ok { display: block; border-color: #46b450; color: #202225; background: #fff; }
.form-status.err { display: block; border-color: #dc3232; color: #dc3232; background: #fff; }
form.fg-form.sending .wpcf7-submit { opacity: .5; }
.fg-file-note { display: block; margin-top: 4px; color: #6E6960; font-size: 13px; }

/* Widescreen frame: constrain fixed chrome to the 1920px canvas */
@media (min-width: 1921px) {
  .header,
  .mobile-wrap { left: calc((100vw - 1920px) / 2); right: calc((100vw - 1920px) / 2); }
  #back-to-top { right: calc((100vw - 1920px) / 2 + 15px); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .animate { opacity: 1 !important; transform: none !important; }
  .tire { transform: none !important; }
}

/* Heading-outline fixes (port): the icon "eyebrow" labels were h3 elements
   (decorative, caused h1→h3 level skips) — now <p class="fg-eyebrow"> styled
   exactly like the old global h3; privacy subheads h3 → h2.fg-sub likewise */
.fg-eyebrow { color: #FFF; font-family: "Archivo"; font-size: 40px; font-style: normal; line-height: normal; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 400; margin: 0 0 .5rem; }
@media (max-width: 1649px) { .fg-eyebrow { font-size: 35px; } }
@media (max-width: 1449px) { .fg-eyebrow { font-size: 32px; } }
@media (max-width: 1349px) { .fg-eyebrow { font-size: 30px; } }
@media (max-width: 1099px) { .fg-eyebrow { font-size: 24px; } }
@media (max-width: 599px)  { .home .banner .fg-eyebrow { display: none; } .fg-eyebrow { font-size: 20px; } }
h2.fg-sub { color: #ed1c24; font-family: "Archivo"; font-size: 40px; font-style: normal; line-height: normal; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 400; }
@media (max-width: 1649px) { h2.fg-sub { font-size: 35px; } }
@media (max-width: 1449px) { h2.fg-sub { font-size: 32px; } }
@media (max-width: 1349px) { h2.fg-sub { font-size: 30px; } }
@media (max-width: 1099px) { h2.fg-sub { font-size: 24px; } }
@media (max-width: 599px)  { h2.fg-sub { font-size: 20px; } }

/* bumper-stickers steps: the live markup was an invalid <ul> full of loose
   <p> fragments — now a div spaced like the ul it replaced */
.fg-steps { display: block; margin: 0 0 16px; padding-left: 40px; }
.page-bumper-stickers #main .fg-steps strong { color: #ed1c24; }