/* Williams Wash & Detail — Rebrand pass
   Goal: remove Pro Shine / marble / home-estate feel and push Riverside classic-car detailing.
   This file intentionally loads AFTER the original style.css and page inline CSS. */
:root{
  --white:#ffffff;
  --light:#f7f1e5;
  --light-2:#efe2d0;
  --primary:#061b3a;
  --primary-dark:#020812;
  --primary-light:#1e5d99;
  --accent:#f26b00;
  --accent-light:#fff0d2;
  --chrome:#c9d1dc;
  --text:#142033;
  --text-muted:#526276;
  --border:#dbc7ae;
  --radius:14px;
  --shadow:0 18px 48px rgba(0,16,35,.16);
  --shadow-hover:0 24px 64px rgba(0,16,35,.24);
}
body{
  background:#f7f1e5 url('/assets/williams/wwd-light-concrete-texture.webp') center top / cover no-repeat;
  color:var(--text);
}
h1,h2,h3,h4,h5,.section-title,.btn,.nav-links a,.nav-cta,.price-tag,.price-from{font-family:'Poppins','Inter',Arial,sans-serif;}
#navbar{
  background:rgba(2,8,18,.96);
  border-bottom:3px solid var(--accent);
  box-shadow:0 16px 38px rgba(0,0,0,.32);
}
.nav-inner{height:84px;}
.brand-mark-img{height:76px;width:clamp(150px,18vw,220px);filter:drop-shadow(0 8px 18px rgba(0,0,0,.36));}
.nav-logo .brand-mark-img{height:56px;width:clamp(180px,18vw,260px);object-fit:contain;object-position:left center;}
.nav-links a{color:rgba(255,255,255,.82);font-weight:700;letter-spacing:.02em;}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(242,107,0,.16);}
.nav-cta{background:var(--accent)!important;color:#fff!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.24)!important;}
.nav-cta:hover{background:#ff8a19!important;color:#fff!important;}

/* New Williams home hero */
#hero{
  min-height:calc(100vh - 0px)!important;
  background:
    linear-gradient(90deg, rgba(2,8,18,.94) 0%, rgba(6,27,58,.85) 46%, rgba(6,27,58,.28) 100%),
    url('/assets/williams/wwd-riverside-sunset-palms.svg') center / cover no-repeat,
    url('/assets/williams/wwd-wet-asphalt-reflection.webp') center / cover no-repeat!important;
  padding:132px 24px 82px!important;
  text-align:left!important;
  isolation:isolate;
  position:relative;
  overflow:hidden;
}
#hero::before,#hero::after,.page-hero::before,.page-hero::after{background:none!important;height:auto!important;border:0!important;}
#hero::before{
  content:''!important;position:absolute!important;inset:22px!important;border:2px solid rgba(255,240,210,.72)!important;border-radius:30px!important;z-index:1!important;pointer-events:none!important;box-shadow:inset 0 0 0 7px rgba(6,27,58,.35), inset 0 0 0 10px rgba(242,107,0,.72)!important;
}
#hero::after{
  content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:10px!important;background:linear-gradient(90deg,transparent,var(--accent),#fff0d2,var(--accent),transparent)!important;z-index:2!important;display:block!important;}
#hero .hero-content{
  max-width:1160px!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;gap:48px!important;align-items:center!important;text-align:left!important;position:relative!important;z-index:4!important;margin:0 auto!important;padding:0!important;}
#hero .hero-copy{max-width:620px!important;text-align:left!important;}
.hero-eyebrow,.page-eyebrow{
  color:var(--accent-light)!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important;text-shadow:0 2px 10px rgba(0,0,0,.5);
}
.hero-copy h1{
  font-size:clamp(2.65rem,5vw,5.2rem)!important;line-height:.96!important;color:#fff!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:-.055em!important;text-shadow:0 4px 18px rgba(0,0,0,.58);margin-bottom:20px!important;}
.hero-sub{font-size:1.08rem!important;color:rgba(255,255,255,.90)!important;line-height:1.75!important;max-width:580px;}
.hero-actions .btn{border-radius:999px;text-transform:uppercase;font-weight:900;letter-spacing:.03em;}
.btn-primary,.btn-white:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;}
.btn-primary:hover{background:#ff8724!important;border-color:#ff8724!important;color:#fff!important;}
.btn-outline,.btn-outline-white{border-color:rgba(255,240,210,.8)!important;color:#fff!important;background:rgba(255,255,255,.05)!important;}
.btn-outline:hover,.btn-outline-white:hover{background:rgba(242,107,0,.18)!important;color:#fff!important;border-color:var(--accent)!important;}
.btn-white{background:#fff0d2!important;color:var(--primary)!important;border-color:#fff0d2!important;}
.hero-divisions{justify-content:flex-start!important;gap:10px!important;}
.division-pill{border-color:rgba(255,240,210,.36)!important;background:rgba(2,8,18,.28)!important;color:#fff0d2!important;font-weight:800!important;}
.hero-img-wrap,.marble-photo-frame{
  background:linear-gradient(135deg, rgba(255,240,210,.95), rgba(242,107,0,.82))!important;border:2px solid rgba(255,240,210,.86)!important;border-radius:24px!important;padding:12px!important;box-shadow:0 24px 72px rgba(0,0,0,.48)!important;position:relative;}
.hero-img-wrap::before{content:'';position:absolute;inset:24px;border:2px solid rgba(6,27,58,.8);border-radius:16px;pointer-events:none;z-index:2;}
.hero-img{height:auto!important;max-height:520px!important;object-fit:contain!important;background:#020812!important;border-radius:16px!important;}
.hero-logo-badge{width:min(100%,520px);margin:auto;filter:drop-shadow(0 20px 24px rgba(0,0,0,.52));}
.hero-coupon-strip{
  display:inline-flex;align-items:center;gap:10px;margin:24px 0 0;padding:10px 14px;border-radius:999px;background:rgba(242,107,0,.18);border:1px solid rgba(255,240,210,.4);color:#fff0d2;font-weight:900;text-transform:uppercase;font-size:.82rem;letter-spacing:.06em;
}
.hero-coupon-strip strong{color:#fff;}

/* Section texture system */
.content-section,.content-section-alt{background:transparent!important;}
.content-section-alt{
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(247,241,229,.9)), url('/assets/williams/wwd-light-concrete-texture.webp') center / cover no-repeat!important;
  border-top:1px solid rgba(6,27,58,.08);border-bottom:1px solid rgba(6,27,58,.08);
}
.section-title{font-weight:900;color:var(--primary)!important;text-transform:uppercase;letter-spacing:-.03em;}
.section-sub{font-size:1.02rem;color:var(--text-muted)!important;}
.feature-card,.seo-card,.proof-card,.callout,.addon-accordion,.deposit-row,.location-card,.contact-card{
  border:1px solid rgba(6,27,58,.14)!important;border-radius:16px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 14px 34px rgba(6,27,58,.08)!important;}
.feature-card{position:relative;overflow:hidden;}
.feature-card::before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary-light));}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)!important;}
.price-tag{color:var(--accent)!important;text-shadow:0 1px 0 #fff;font-weight:900!important;}
.price-from{color:var(--primary)!important;font-weight:900!important;}
.check-list li::before{color:var(--accent)!important;}
.green-badge,.badge,.service-badge{background:var(--accent)!important;color:#fff!important;border-radius:999px!important;}
.trust-bar{
  background:#020812!important;border-top:2px solid var(--accent)!important;border-bottom:2px solid var(--accent)!important;box-shadow:0 16px 36px rgba(0,0,0,.16);}
.trust-inner span{color:#fff0d2!important;font-weight:800!important;}
.trust-inner span::first-letter{color:var(--accent)!important;}

/* Inner page heroes: replace marble with detailing assets */
.page-hero{
  background:
    linear-gradient(150deg, rgba(2,8,18,.90), rgba(6,27,58,.82)),
    url('/assets/williams/wwd-wet-asphalt-reflection.webp') center / cover no-repeat!important;
  border-bottom:6px solid var(--accent);
}
.page-hero.about-hero,.page-hero.cleaning-hero,.page-hero.contact-hero{
  background:
    linear-gradient(150deg, rgba(2,8,18,.88), rgba(6,27,58,.78)),
    url('/assets/williams/wwd-ceramic-beads-blue-paint.webp') center / cover no-repeat!important;
}
.page-hero.detailing-hero,.page-hero.fleet-hero{
  background:
    linear-gradient(90deg, rgba(2,8,18,.90), rgba(6,27,58,.58), rgba(6,27,58,.18)),
    url('/assets/williams/wwd-riverside-sunset-palms.svg') center / cover no-repeat,
    url('/mobile-detailing-hero.webp') center / cover no-repeat!important;
}
.page-hero h1{font-weight:900;color:#fff!important;text-transform:uppercase;letter-spacing:-.04em;text-shadow:0 4px 20px rgba(0,0,0,.5);}
.page-hero p{color:rgba(255,255,255,.88)!important;}

/* Replace marble photo frames with auto badge/pinstripe frames */
.marble-photo-frame{background:linear-gradient(135deg,#fff0d2,var(--accent))!important;}
.section-photo,.detailing-photo,.gallery-img{border-radius:16px!important;border:2px solid rgba(6,27,58,.18)!important;box-shadow:0 20px 42px rgba(6,27,58,.12)!important;}

/* Footer */
footer{background:#020812 url('/assets/williams/wwd-wet-asphalt-reflection.webp') center / cover no-repeat!important;border-top:6px solid var(--accent);}
.footer-inner{position:relative;}
.footer-brand p,.footer-col a,.footer-copy,.footer-legal a{color:rgba(255,255,255,.76)!important;}
.footer-col h4{color:#fff0d2!important;}

/* Mobile */
@media(max-width:860px){
  #hero{padding:120px 18px 70px!important;text-align:center!important;}
  #hero::before{inset:14px!important;border-radius:22px!important;}
  #hero .hero-content{grid-template-columns:1fr!important;gap:30px!important;text-align:center!important;}
  #hero .hero-copy{text-align:center!important;margin:0 auto;}
  .hero-divisions{justify-content:center!important;}
  .hero-img-wrap{max-width:520px;margin:0 auto;}
  .brand-mark-img{width:154px;height:64px;}
  .nav-logo .brand-mark-img{width:160px;height:48px;}
  .nav-inner{height:72px;}
}
@media(max-width:768px){
  .mobile-sticky-cta{background:#020812!important;border-top:2px solid var(--accent)!important;}
  .sticky-book{background:var(--accent)!important;color:#fff!important;}
  .sticky-text{background:#fff0d2!important;color:var(--primary)!important;}
}


/* --- WWD asset refresh + chatbot integration pass --- */
body{
  background:#f7f1e5 url('/assets/williams/wwd-light-concrete-texture.webp') center top / cover no-repeat!important;
}
#hero{
  background:
    linear-gradient(90deg, rgba(2,8,18,.94) 0%, rgba(6,27,58,.80) 42%, rgba(6,27,58,.20) 100%),
    url('/assets/williams/wwd-hero-vintage-coupe.webp') center / cover no-repeat!important;
}
.page-hero{
  background:
    linear-gradient(150deg, rgba(2,8,18,.90), rgba(6,27,58,.82)),
    url('/assets/williams/wwd-tire-palm-pattern.webp') center / cover no-repeat!important;
}
.page-hero.detailing-hero,.page-hero.fleet-hero{
  background:
    linear-gradient(90deg, rgba(2,8,18,.92), rgba(6,27,58,.60), rgba(6,27,58,.22)),
    url('/assets/williams/wwd-hero-vintage-coupe.webp') center / cover no-repeat!important;
}
.page-hero.about-hero,.page-hero.cleaning-hero,.page-hero.contact-hero{
  background:
    linear-gradient(150deg, rgba(2,8,18,.88), rgba(6,27,58,.76)),
    url('/assets/williams/wwd-ceramic-beads-blue-paint.webp') center / cover no-repeat!important;
}
.content-section-alt{
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,241,229,.92)),
    url('/assets/williams/wwd-light-concrete-texture.webp') center / cover no-repeat!important;
}
.content-section.williams-pattern{
  background:
    linear-gradient(180deg, rgba(2,8,18,.92), rgba(6,27,58,.86)),
    url('/assets/williams/wwd-tire-palm-pattern.webp') center / cover no-repeat!important;
  color:#fff;
}
.cta-strip{
  background:
    linear-gradient(90deg, rgba(2,8,18,.88), rgba(6,27,58,.70)),
    url('/assets/williams/wwd-cta-banner-bg.webp') center / cover no-repeat!important;
  border-top:4px solid var(--accent)!important;
  border-bottom:4px solid var(--accent)!important;
}
.cta-strip h2,.cta-strip p{color:#fff!important;}
footer{
  background:
    linear-gradient(180deg, rgba(2,8,18,.86), rgba(2,8,18,.96)),
    url('/assets/williams/wwd-garage-footer-bg.webp') center / cover no-repeat!important;
}
.pkg-grid .feature-card{
  background:
    linear-gradient(180deg, rgba(2,8,18,.82), rgba(6,27,58,.80)),
    url('/assets/williams/wwd-package-card-bg.webp') center / cover no-repeat!important;
  border:1px solid rgba(255,240,210,.30)!important;
  color:#fff!important;
}
.pkg-grid .feature-card h3,
.pkg-grid .feature-card .service-meta strong,
.pkg-grid .feature-card .price-from,
.pkg-grid .feature-card .excl-note,
.pkg-grid .feature-card li,
.pkg-grid .feature-card summary{color:#fff0d2!important;}
.pkg-grid .feature-card .service-meta,
.pkg-grid .feature-card .excl-note{color:rgba(255,255,255,.78)!important;}
.pkg-grid .feature-card .price-tag{color:#ff8a19!important;text-shadow:none!important;}
.pkg-grid .feature-card .btn-outline{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,240,210,.46)!important;}
.pkg-grid .feature-card::before{background:linear-gradient(90deg, transparent, var(--accent), #fff0d2, var(--accent), transparent)!important;}
.gallery-grid figure img{height:270px;object-fit:cover;width:100%;}
.gallery-grid figure{background:#fff;border:1px solid rgba(6,27,58,.12);border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(6,27,58,.08);}
.gallery-grid figure figcaption{padding:0 10px 12px;}
.service-preview-note{font-size:.92rem;color:var(--text-muted);max-width:720px;margin:14px auto 0;text-align:center;}
/* Hide any accidental paint-enhancement leftovers while keeping code simple to restore later. */
[data-category="enhancement"], #enhancement, a[href*="complete_paint_enhancement"]{display:none!important;}
/* Chat widget should sit above sticky mobile CTA. */
@media(max-width:600px){#wwd-chat-button{bottom:88px!important;}}


/* --- Patch: smooth cream backgrounds, no patchy tiling --- */
body{
  background:linear-gradient(180deg,#faf7f1 0%, #f5efe4 100%)!important;
}
.content-section-alt,
.section-soft,
.section-cream,
main .content-section-alt{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,241,229,.96))!important;
}
.addon-accordion,.feature-card,.seo-card,.proof-card,.callout,.deposit-row,.location-card,.contact-card{
  backdrop-filter:none!important;
}
.addon-toggle{background:#f4eee2!important;}
.addon-row{background:rgba(255,255,255,.96)!important;}
.addon-row:nth-child(even){background:#fcfaf6!important;}


/* 2026-06-28 patch: remove visible tiled/stitched concrete texture.
   Use one continuous, print-safe background instead of repeating image tiles. */
html, body{
  background-color:#f7f1e5!important;
  background-image:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.80), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(250,247,239,.96), rgba(245,239,227,.98))!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
.content-section,
.content-section.alt,
.section-light,
.booking-section,
main section:not(.hero):not(.cta-section):not(.dark-section){
  background-image:linear-gradient(180deg, rgba(255,255,255,.76), rgba(247,241,229,.94))!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
}
.feature-card,.seo-card,.proof-card,.callout,.addon-accordion,.deposit-row,.location-card,.contact-card{
  background-color:rgba(255,255,255,.93)!important;
}


/* Hero wordmark patch: replaces the large framed badge so the car background stays visible. */
.wwd-hero .hero-content{
  align-items:flex-start!important;
}
.wwd-hero-wordmark-wrap{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  min-height:292px;
  margin-top:-26px;
  padding-top:0;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative;
  z-index:2;
}
.wwd-hero-wordmark{
  width:min(100%,640px);
  max-height:210px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.62));
  transform:translateY(-92px);
}
@media(max-width:900px){
  .wwd-hero-wordmark-wrap{
    min-height:auto;
    margin-top:-8px;
    padding:0 6px 4px;
  }
  .wwd-hero-wordmark{
    width:min(96%,540px);
    max-height:160px;
    transform:translateY(-40px);
  }
}
@media(max-width:540px){
  .wwd-hero-wordmark{
    width:100%;
    max-height:126px;
    transform:translateY(-24px);
  }
}