/*
Theme Name: Carwash Masters Client Corrections v9
Template: carwash-masters-atelier
Version: 1.0.2
Description: Client-requested presentation, copy, pricing and imagery corrections for Carwash Masters.
*/

:root {
  --client-blue: #0d567d;
  --client-teal: #0c7f9b;
  --client-light-blue: #dff5fb;
  --client-ink: #071b3a;
  --client-muted: #5f6972;
  --client-whatsapp: #25d366;
}

.hero .btn-primary,
.final-cta .btn-primary { background: #2446a8; border-color: #2446a8; }
.hero .btn-primary:hover,
.final-cta .btn-primary:hover { background: #173683; border-color: #173683; }
.hero .btn-glass,
.final-cta .btn-glass { border-color: var(--client-whatsapp); color: #fff; }
.hero .btn-glass .icon-whatsapp,
.final-cta .btn-glass .icon-whatsapp { color: var(--client-whatsapp); }

.mobile-story .media-stamp strong { font-size: 0; }
.mobile-story .media-stamp strong::after { content: "WE COME TO YOU."; font-size: 1rem; }
.area-tags { gap: .65rem; }
.area-tags span { border-color: rgba(36,70,168,.24); background: #f4f9ff; }
.vehicle-tabs { display: grid; grid-template-columns: repeat(3, 1fr); }
.vehicle-tabs button[data-price-type="mid"] { display: block; }
.pricing-section .small { max-width: 48rem; }
.cwma-addons { margin-top: .75rem; color: var(--client-ink); font-weight: 600; }

/* The requested footer accent is white, not the default blue accent. */
.final-cta h2 .cta-accent,
.footer-brand .cta-accent,
.footer h2 em,
footer h2 em { color: #fff !important; }
/* Use the two supplied team visuals as a full-width footer CTA background slider. */
.final-cta.has-background-slider .final-cta-media { display: none; }
.final-cta.has-background-slider {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #071b3a;
}
.final-cta.has-background-slider > .wrap,
.final-cta.has-background-slider > .container {
  position: relative;
  z-index: 2;
}
.cta-background-slider {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.cta-background-slide,
.cta-background-overlay {
  position: absolute;
  inset: 0;
  display: block;
}
.cta-background-slide {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
}
.cta-background-slide.is-active { opacity: 1; }
.cta-background-overlay {
  z-index: 1;
  background: linear-gradient(90deg, rgba(5,17,38,.94) 0%, rgba(5,17,38,.78) 45%, rgba(5,17,38,.46) 100%);
}
.final-cta.has-background-slider h2,
.final-cta.has-background-slider p,
.final-cta.has-background-slider a,
.final-cta.has-background-slider .eyebrow { position: relative; z-index: 2; }

@media (max-width: 760px) {
  .section.process-section::after { width: 24rem; height: 24rem; right: -16rem; top: 16rem; border-width: 3.5rem; }
  .process-section .roadmap { width: 100%; }
  .process-section .roadmap > li { grid-template-columns: 4.5rem 1fr; column-gap: 1rem; min-height: 6rem; }
  .process-section .step-marker { font-size: 2.2rem; }
  .process-section .roadmap > li::after { left: 1.85rem; top: 3.3rem; }
  .process-section .roadmap > li h3 { font-size: 1.25rem; }
  .process-section .roadmap > li p { font-size: .98rem; }
  .vehicle-tabs { grid-template-columns: 1fr; }
}

.heading-accent { color: #000068 !important; }