/* Tarzie-specific overrides. Page-scope (linked from every HTML).
   Does NOT get regenerated by Stage 6's _ds-page-overrides.css writer. */

/* ─── STICKY NAV — visible over any background ────────────────────────
   Default goettl pattern leaves the fixed nav transparent unless JS adds
   .scrolled. JBSG is CSS-only — without that toggle the menu disappears
   over light sections. Use a frosted dark backdrop always; modern
   browsers get the blur, others get a flat dark band. */
.nav {
  background: rgba(0, 4, 38, 0.88);
  backdrop-filter: saturate(140%) blur(14px);
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 24px rgba(0, 4, 38, 0.18);
}
.nav.over-dark { background: rgba(0, 4, 38, 0.6); }
.nav .nav-links a { color: #ffffff; }
.nav .nav-links a:hover { color: var(--brand-soft); }
.nav.scrolled { background: rgba(0, 4, 38, 0.92); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04); }
.nav.scrolled .nav-links a { color: #ffffff; }
/* Force the light wordmark logo always — works on the consistent dark backdrop */
.nav-brand img { content: url("assets/tarzie-logo-light.png"); }

/* ─── CONTACT HERO — light bg, needs dark text ────────────────────────
   .demo-hero-centered overrides the .hero bg to white but the .hero
   .display rule still forces white text. Restore readable ink. */
.demo-hero-centered .display { color: var(--ink); }
.demo-hero-centered .lede { color: var(--ink-soft); }
.demo-hero-centered .eyebrow { color: var(--brand); }

/* ─── HOMEPAGE TRUST STRIP — bump faded text-badge to readable ───────
   DS default fades .badge.text-badge to 55% opacity (designed for
   grayscaled partner logos that brighten on hover). Tarzie's strip
   is all text — keep it readable at rest. */
.sig-trust-badges .badge.text-badge { opacity: 1; color: var(--ink); }

/* ─── HERO PHOTO BACKGROUNDS — wire real Tarzie photos ───────────────
   .hero .bg was empty dark navy by default. Stack a dark gradient ON TOP
   of the photo in the same .bg div — so pages without a separate
   <div class="scrim"></div> still get readable white hero text. */
.hero .bg[class*="tarzie-"] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero .bg.tarzie-truck-family {
  background-image:
    linear-gradient(180deg, rgba(0,4,38,0.55) 0%, rgba(0,4,38,0.35) 40%, rgba(0,4,38,0.85) 100%),
    url("assets/photos/tarzie-family-truck.jpg");
}
.hero .bg.tarzie-owner-truck {
  background-image:
    linear-gradient(180deg, rgba(0,4,38,0.55) 0%, rgba(0,4,38,0.40) 40%, rgba(0,4,38,0.88) 100%),
    url("assets/photos/tarzie-owner-truck.jpg");
}
.hero .bg.tarzie-desert {
  background-image:
    linear-gradient(180deg, rgba(0,4,38,0.50) 0%, rgba(0,4,38,0.35) 40%, rgba(0,4,38,0.85) 100%),
    url("assets/photos/tarzie-sonoran-desert.jpg");
}
.hero .bg.tarzie-saguaro {
  background-image:
    linear-gradient(180deg, rgba(0,4,38,0.55) 0%, rgba(0,4,38,0.40) 40%, rgba(0,4,38,0.88) 100%),
    url("assets/photos/tarzie-saguaro.jpg");
}
.hero .bg.tarzie-valley {
  background-image:
    linear-gradient(180deg, rgba(0,4,38,0.50) 0%, rgba(0,4,38,0.35) 40%, rgba(0,4,38,0.85) 100%),
    url("assets/photos/tarzie-valley.jpg");
}

/* ─── ABOUT — owner-and-family slot ──────────────────────────────────
   .demo-imgrow .visual was an empty grey block. Photo of Anthon's
   family fills it. */
section.demo-imgrow .visual[role="img"] {
  background-image: url("assets/photos/tarzie-family.jpg");
  background-size: cover;
  background-position: center;
  background-color: var(--ink-faint);
  border-radius: var(--radius);
  min-height: 460px;
}

/* ─── PILLAR PHOTOS — small slots on /services Four Promises ──────── */
.sig-guarantee-pillars .pillar .photo {
  background-size: cover;
  background-position: center;
  background-color: var(--ink-faint);
}
.sig-guarantee-pillars .pillar:nth-child(1) .photo { background-image: url("assets/photos/tarzie-owner-truck.jpg"); }
.sig-guarantee-pillars .pillar:nth-child(2) .photo { background-image: url("assets/photos/tarzie-family.jpg"); background-position: center 35%; }
.sig-guarantee-pillars .pillar:nth-child(3) .photo { background-image: url("assets/photos/tarzie-valley.jpg"); }
.sig-guarantee-pillars .pillar:nth-child(4) .photo { background-image: url("assets/photos/tarzie-sonoran-desert.jpg"); }