/* =========================================================
   ROADEO ELITE SHINE — MEDIA + CONVERSION REFRESH v2.4.0
   Loaded last. This layer intentionally overrides the older
   typography/menu experiments without removing their fallback.
========================================================= */

/* ---------- Brand-balanced header / menu ---------- */
#roadeo-v9 .rd9-header{
  background:rgba(255,255,255,.98) !important;
  border-bottom:1px solid rgba(6,57,111,.09) !important;
  box-shadow:0 10px 30px rgba(4,42,79,.07) !important;
}
@media (min-width:1281px){
  #roadeo-v9 .rd9-header .rd9-wrap{width:min(calc(100% - 34px),1640px) !important;max-width:none !important}
  #roadeo-v9 .rd9-header-grid{
    grid-template-columns:minmax(235px,285px) minmax(600px,1fr) minmax(235px,auto) !important;
    gap:18px !important;min-height:96px !important;
  }
  #roadeo-v9 .rd9-logo img{width:min(276px,100%) !important;max-height:76px !important}
  #roadeo-v9 .rd11-primary-nav{min-width:0 !important;width:100% !important}
  #roadeo-v9 .rd9-nav{
    display:grid !important;grid-template-columns:repeat(6,minmax(82px,1fr)) !important;
    gap:7px !important;width:100% !important;margin:0 !important;padding:6px !important;
    background:#f4f8fc !important;border:1px solid rgba(6,57,111,.08) !important;
    border-radius:16px !important;box-shadow:inset 0 1px 0 #fff !important;
  }
  #roadeo-v9 .rd9-nav>li{min-width:0 !important;width:100% !important;margin:0 !important}
  #roadeo-v9 .rd9-nav>li>a{
    position:relative !important;width:100% !important;min-width:0 !important;min-height:40px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    padding:0 7px !important;margin:0 !important;overflow:hidden !important;white-space:nowrap !important;
    border:1px solid rgba(6,57,111,.10) !important;border-radius:10px !important;
    background:#fff !important;color:#163b60 !important;
    font-size:clamp(19px,.68vw,19px) !important;font-weight:850 !important;
    line-height:1.1 !important;letter-spacing:.015em !important;text-transform:uppercase !important;
    box-shadow:0 3px 8px rgba(4,42,79,.035) !important;
    transform:none !important;transition:transform .2s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease !important;
  }
  #roadeo-v9 .rd9-nav>li:nth-child(3n+1)>a,
  #roadeo-v9 .rd9-nav>li:nth-child(3n+2)>a,
  #roadeo-v9 .rd9-nav>li:nth-child(3n)>a{
    background:#fff !important;color:#163b60 !important;border-color:rgba(6,57,111,.10) !important;
  }
  #roadeo-v9 .rd9-nav>li>a::before{
    content:"" !important;display:block !important;position:absolute !important;left:12px !important;right:12px !important;bottom:5px !important;
    height:2px !important;border-radius:999px !important;background:#06396f !important;opacity:.32 !important;transform:scaleX(.45) !important;
    transition:transform .22s ease,opacity .22s ease !important;
  }
  #roadeo-v9 .rd9-nav>li:nth-child(3n+2)>a::before{background:#d92128 !important}
  #roadeo-v9 .rd9-nav>li:nth-child(3n)>a::before{background:#168fd3 !important}
  #roadeo-v9 .rd9-nav>li>a:hover,#roadeo-v9 .rd9-nav>li>a:focus-visible{
    color:#fff !important;background:#06396f !important;border-color:#06396f !important;
    transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(6,57,111,.18) !important;outline:none !important;
  }
  #roadeo-v9 .rd9-nav>li:nth-child(3n+2)>a:hover,#roadeo-v9 .rd9-nav>li:nth-child(3n+2)>a:focus-visible{background:#d92128 !important;border-color:#d92128 !important;box-shadow:0 10px 22px rgba(217,33,40,.18) !important}
  #roadeo-v9 .rd9-nav>li:nth-child(3n)>a:hover,#roadeo-v9 .rd9-nav>li:nth-child(3n)>a:focus-visible{background:#168fd3 !important;border-color:#168fd3 !important;box-shadow:0 10px 22px rgba(22,143,211,.18) !important}
  #roadeo-v9 .rd9-nav>li>a:hover::before,#roadeo-v9 .rd9-nav>li>a:focus-visible::before{background:#fff !important;opacity:.76 !important;transform:scaleX(.78) !important}
  #roadeo-v9 .rd9-header-actions{gap:11px !important}
  #roadeo-v9 .rd9-phone{font-size:19px !important;white-space:nowrap !important}
  #roadeo-v9 .rd9-header-actions .rd9-btn{min-height:44px !important;padding-inline:17px !important;font-size:19px !important}
}
@media (min-width:901px) and (max-width:1280px){
  #roadeo-v9 .rd9-header-grid{grid-template-columns:215px minmax(0,1fr) !important;gap:12px !important;min-height:88px !important}
  #roadeo-v9 .rd9-logo img{width:210px !important;max-height:62px !important}
  #roadeo-v9 .rd9-header-actions{display:none !important}
  #roadeo-v9 .rd9-nav{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:5px !important;padding:5px !important;border-radius:14px !important;background:#f4f8fc !important}
  #roadeo-v9 .rd9-nav>li>a{min-height:38px !important;padding:0 5px !important;font-size:19px !important;border-radius:9px !important}
}

/* Mobile menu: clean panel, no oversized or merging links. */
@media (max-width:900px){
  #roadeo-v9 .rd11-menu-toggle{width:48px !important;height:48px !important;border-radius:13px !important;border-color:rgba(6,57,111,.12) !important;background:#f6f9fc !important;box-shadow:0 7px 18px rgba(4,42,79,.09) !important}
  #roadeo-v9 .rd9-header.is-menu-open .rd11-menu-toggle{background:#06396f !important;color:#fff !important}
  #roadeo-v9 .rd11-primary-nav .rd9-nav{gap:6px !important;padding:8px !important;border-radius:15px !important;background:#f7fafe !important;border:1px solid rgba(6,57,111,.10) !important}
  #roadeo-v9 .rd11-primary-nav .rd9-nav>li>a{
    min-height:44px !important;padding:0 14px !important;border-radius:10px !important;
    border:1px solid rgba(6,57,111,.09) !important;border-left:4px solid #06396f !important;
    background:#fff !important;color:#123a62 !important;font-size:19px !important;font-weight:850 !important;
    letter-spacing:.01em !important;box-shadow:none !important;transform:none !important;
  }
  #roadeo-v9 .rd11-primary-nav .rd9-nav>li:nth-child(3n+2)>a{border-left-color:#d92128 !important}
  #roadeo-v9 .rd11-primary-nav .rd9-nav>li:nth-child(3n)>a{border-left-color:#168fd3 !important}
  #roadeo-v9 .rd11-primary-nav .rd9-nav>li>a:hover,#roadeo-v9 .rd11-primary-nav .rd9-nav>li>a:focus-visible{background:#eef6fc !important;color:#06396f !important;transform:translateX(3px) !important;box-shadow:0 6px 14px rgba(4,42,79,.07) !important}
}

/* ---------- New media assets ---------- */
#roadeo-v9 .rd9-hero{
  background:
    linear-gradient(180deg,rgba(255,255,255,.80) 0%,rgba(247,252,255,.82) 50%,rgba(231,243,250,.91) 100%),
    url("https://roadeocarwash.com/wp-content/uploads/2026/10/home-page-top-image.png") center 40%/cover no-repeat !important;
}
#roadeo-v9 .rd9-media-basic{background-image:linear-gradient(135deg,rgba(5,59,121,.12),rgba(3,31,65,.46)),url("https://roadeocarwash.com/wp-content/uploads/2026/09/03-wash-technology.png") !important}
#roadeo-v9 .rd9-media-deluxe{background-image:linear-gradient(135deg,rgba(245,50,56,.05),rgba(75,8,14,.28)),url("https://roadeocarwash.com/wp-content/uploads/2026/09/05-experience-tunnel.png") !important}
#roadeo-v9 .rd9-media-premium{background-image:linear-gradient(135deg,rgba(5,59,121,.05),rgba(3,31,65,.30)),url("https://roadeocarwash.com/wp-content/uploads/2026/10/premium.png") !important}
#roadeo-v9 .rd9-card-media{height:210px !important;background-position:center !important;background-size:cover !important}
#roadeo-v9 .rd9-card-media::after{display:none !important}
#roadeo-v9 .rd9-free-visual{background-image:url("https://roadeocarwash.com/wp-content/uploads/2026/10/ChatGPT-Image-Sep-26-2026-03_14_00-AM.png") !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important}

#roadeo-v9 .rd9-fuel-promo{position:relative !important;isolation:isolate;background:#082f58 !important;overflow:hidden !important}
#roadeo-v9 .rd9-fuel-promo::before{content:"";position:absolute;inset:0;z-index:-2;background:url("https://roadeocarwash.com/wp-content/uploads/2026/10/GAS-STATION.png") center 58%/cover no-repeat;opacity:.30}
#roadeo-v9 .rd9-fuel-promo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(217,33,40,.94) 0 35%,rgba(6,57,111,.88) 58%,rgba(4,31,61,.91) 100%)}

/* Process cards now showcase the new benefit artwork. */
#roadeo-v9 .rd9-process-grid article{padding:0 !important;overflow:hidden !important;display:flex !important;flex-direction:column !important}
#roadeo-v9 .rd12-process-media{height:210px;flex:0 0 auto;background-position:center;background-size:cover;background-repeat:no-repeat}
#roadeo-v9 .rd12-process-tunnel{background-image:linear-gradient(180deg,rgba(3,31,61,.02),rgba(3,31,61,.20)),url("https://roadeocarwash.com/wp-content/uploads/2026/10/First-wash-on-us.png")}
#roadeo-v9 .rd12-process-vacuum{background-image:linear-gradient(180deg,rgba(3,31,61,.02),rgba(3,31,61,.16)),url("https://roadeocarwash.com/wp-content/uploads/2026/10/cool-air-vaccume-area.png")}
#roadeo-v9 .rd12-process-towel{background-image:linear-gradient(180deg,rgba(3,31,61,.02),rgba(3,31,61,.16)),url("https://roadeocarwash.com/wp-content/uploads/2026/10/complimentory-towel-clean.png")}
#roadeo-v9 .rd12-process-copy{padding:27px 27px 30px;display:flex;flex-direction:column;flex:1}
#roadeo-v9 .rd12-process-copy h3{margin-top:0 !important}

/* Campus / facility gallery gets distinct, relevant artwork instead of duplicates. */
#roadeo-v9 .rd9-campus-media{height:205px !important;background:#f7fbfe !important}
#roadeo-v9 .rd9-campus-media img{width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;padding:0 !important}
#roadeo-v9 .rd9-campus-grid article:first-child .rd9-campus-media img{width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;padding:0 !important}
#roadeo-v9 .rd9-cafe-media img{object-fit:contain !important;padding:18px !important;background:#fff !important}
#roadeo-v9 .rd9-pet-image{background-image:url("https://roadeocarwash.com/wp-content/uploads/2026/10/pet-wash.png") !important;background-size:cover !important;background-position:center !important}
#roadeo-v9 .rd9-gallery-vacuum{background-image:url("https://roadeocarwash.com/wp-content/uploads/2026/10/cool-air-vaccume-area.png") !important}
#roadeo-v9 .rd9-gallery-air{background-image:linear-gradient(135deg,rgba(4,31,61,.04),rgba(4,31,61,.26)),url("https://roadeocarwash.com/wp-content/uploads/2026/10/ChatGPT-Image-Sep-26-2026-03_23_08-AM.png") !important}
#roadeo-v9 .rd9-gallery-pet{background-image:url("https://roadeocarwash.com/wp-content/uploads/2026/10/pet-wash.png") !important}
#roadeo-v9 .rd9-gallery-store{background-color:#fff !important;background-image:linear-gradient(180deg,rgba(255,255,255,.02),rgba(3,25,48,.18)),url("https://roadeocarwash.com/wp-content/uploads/2026/10/roadeo-express.png") !important;background-size:cover !important;background-position:center !important}
#roadeo-v9 .rd9-gallery-pumps{background-image:linear-gradient(135deg,rgba(6,57,111,.06),rgba(3,31,61,.34)),url("https://roadeocarwash.com/wp-content/uploads/2026/10/Gas-station-2-.png") !important}
#roadeo-v9 .rd9-gallery-location{background-image:linear-gradient(180deg,rgba(3,31,61,.03),rgba(3,31,61,.24)),url("https://roadeocarwash.com/wp-content/uploads/2026/10/GAS-STATION.png") !important}

/* ---------- Conversion-focused type hierarchy ---------- */
/* Main headings are intentionally a little smaller so the page breathes. */
#roadeo-v9 .rd9-hero h1{font-size:clamp(42px,5.05vw,72px) !important;line-height:.92 !important;max-width:1030px !important}
#roadeo-v9 .rd9-centered-head h2,
#roadeo-v9 .rd9-video-copy h2,
#roadeo-v9 .rd9-free-copy h2,
#roadeo-v9 .rd9-membership-copy h2,
#roadeo-v9 .rd9-detail-copy h2,
#roadeo-v9 .rd9-team-copy h2,
#roadeo-v9 .rd9-contact-card h2,
#roadeo-v9 .rd9-final-inner h2,
#roadeo-v9 .rd9-gallery-head h2{
  font-size:clamp(34px,3.5vw,52px) !important;line-height:1 !important;letter-spacing:-.035em !important;
}
/* Supporting message is larger, shorter and more prominent. */
#roadeo-v9 .rd9-centered-head p,
#roadeo-v9 .rd9-hero-copy>p,
#roadeo-v9 .rd9-video-copy>p,
#roadeo-v9 .rd9-free-copy>p,
#roadeo-v9 .rd9-membership-copy>p,
#roadeo-v9 .rd9-detail-copy>p,
#roadeo-v9 .rd9-team-copy>p,
#roadeo-v9 .rd9-contact-card>p,
#roadeo-v9 .rd9-final-inner>p{
  font-size:clamp(20px,1.55vw,24px) !important;line-height:1.46 !important;font-weight:780 !important;letter-spacing:-.01em !important;
}
/* Light backgrounds = dark, high-contrast supporting text. */
#roadeo-v9 .rd9-hero-copy>p,
#roadeo-v9 .rd9-centered-head:not(.rd9-centered-head-light)>p,
#roadeo-v9 .rd9-free-copy>p,
#roadeo-v9 .rd9-contact-card>p,
#roadeo-v9 .rd9-campus-grid article:not(.rd9-campus-red) p,
#roadeo-v9 .rd9-process-grid article:not(.rd9-process-red) p{
  color:#173c61 !important;
}
/* Dark/red backgrounds = white supporting text. */
#roadeo-v9 .rd9-centered-head-light>p,
#roadeo-v9 .rd9-video-copy>p,
#roadeo-v9 .rd9-membership-copy>p,
#roadeo-v9 .rd9-detail-copy>p,
#roadeo-v9 .rd9-team-copy>p,
#roadeo-v9 .rd9-final-inner>p,
#roadeo-v9 .rd9-service-card p,
#roadeo-v9 .rd9-process-red p,
#roadeo-v9 .rd9-campus-red p{
  color:#fff !important;opacity:1 !important;
}
#roadeo-v9 .rd9-card-body p,#roadeo-v9 .rd9-process-grid p,#roadeo-v9 .rd9-campus-grid p,#roadeo-v9 .rd9-plan-strip p,#roadeo-v9 .rd9-offer-grid p{font-size:clamp(19px,1.08vw,19px) !important;line-height:1.55 !important;font-weight:680 !important}
#roadeo-v9 .rd9-card-body h3,#roadeo-v9 .rd9-process-grid h3,#roadeo-v9 .rd9-campus-grid h3{font-size:clamp(25px,1.8vw,31px) !important}
#roadeo-v9 .rd9-quick-benefit-grid span{font-size:clamp(19px,1.05vw,19px) !important;line-height:1.28 !important}
#roadeo-v9 .rd9-price-card ul{font-size:clamp(19px,.98vw,19px) !important;line-height:1.72 !important}

/* Stronger section CTAs, without inflating every label. */
#roadeo-v9 .rd9-btn{min-height:54px !important;padding-inline:26px !important;font-size:19px !important;letter-spacing:.065em !important}
#roadeo-v9 .rd9-hero-actions .rd9-btn,#roadeo-v9 .rd9-final-inner .rd9-btn{min-height:58px !important;padding-inline:30px !important;font-size:19px !important;box-shadow:0 11px 24px rgba(4,42,79,.13)}
#roadeo-v9 .rd9-btn:hover,#roadeo-v9 .rd9-btn:focus-visible{transform:translateY(-3px) scale(1.018) !important;filter:saturate(1.04) !important}

/* Make phone number easy to scan. */
#roadeo-v9 .rd9-contact-links a:first-child strong,#roadeo-v9 .rd9-phone{font-weight:950 !important;letter-spacing:.015em !important}

@media (max-width:700px){
  #roadeo-v9 .rd9-hero h1{font-size:clamp(34px,10.4vw,46px) !important}
  #roadeo-v9 .rd9-centered-head h2,#roadeo-v9 .rd9-video-copy h2,#roadeo-v9 .rd9-free-copy h2,#roadeo-v9 .rd9-membership-copy h2,#roadeo-v9 .rd9-detail-copy h2,#roadeo-v9 .rd9-team-copy h2,#roadeo-v9 .rd9-contact-card h2,#roadeo-v9 .rd9-final-inner h2,#roadeo-v9 .rd9-gallery-head h2{font-size:clamp(31px,9vw,41px) !important}
  #roadeo-v9 .rd9-centered-head p,#roadeo-v9 .rd9-hero-copy>p,#roadeo-v9 .rd9-video-copy>p,#roadeo-v9 .rd9-free-copy>p,#roadeo-v9 .rd9-membership-copy>p,#roadeo-v9 .rd9-detail-copy>p,#roadeo-v9 .rd9-team-copy>p,#roadeo-v9 .rd9-contact-card>p,#roadeo-v9 .rd9-final-inner>p{font-size:19px !important;line-height:1.5 !important}
  #roadeo-v9 .rd12-process-media{height:230px}
  #roadeo-v9 .rd9-card-media{height:225px !important}
  #roadeo-v9 .rd9-fuel-promo::before{opacity:.22}
}