/*
 Crisscross Site Core V1.0
 Home page is the typography/color authority.
 No external font request is made: use Elementor global font, then Poppins fallback.
*/
:root{
  --ccsc-ink:#1f3044;
  --ccsc-text:#4d647c;
  --ccsc-muted:#6d7f91;
  --ccsc-teal:#15989c;
  --ccsc-teal-dark:#0d7f83;
  --ccsc-line:#dfe7ec;
  --ccsc-soft:#f7f9fa;
}

/* Global navigation: exactly the accepted Home standard. */
body header nav a,
body .site-header nav a,
body .main-navigation a,
body .elementor-location-header nav a,
body .elementor-location-header .elementor-nav-menu--main .elementor-item{
  font-family:var(--e-global-typography-text-font-family,"Poppins",Arial,sans-serif)!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:.01em!important;
}

/* Home stays the reference design. */
.cc-home-v1{
  font-family:var(--e-global-typography-text-font-family,"Poppins",Arial,sans-serif)!important;
}
.cc-home-v1 h1,.cc-home-v1 h2,.cc-home-v1 h3{
  font-family:var(--e-global-typography-primary-font-family,"Poppins",Arial,sans-serif)!important;
}

/* Dealership: keep layout/functionality, normalize typography + colors to Home. */
.ccdv2{
  --navy:var(--ccsc-ink)!important;
  --navy2:#29445f!important;
  --ink:var(--ccsc-ink)!important;
  --muted:var(--ccsc-text)!important;
  --blue:var(--ccsc-teal)!important;
  --line:var(--ccsc-line)!important;
  font-family:var(--e-global-typography-text-font-family,"Poppins",Arial,sans-serif)!important;
  font-size:17px!important;
  line-height:1.7!important;
  color:var(--ccsc-ink)!important;
}
.ccdv2 h1,.ccdv2 h2,.ccdv2 h3,.ccdv2 h4,
.ccdv2 button,.ccdv2 input,.ccdv2 textarea,.ccdv2 select,.ccdv2 a{
  font-family:var(--e-global-typography-primary-font-family,"Poppins",Arial,sans-serif)!important;
}
.ccdv2 h1{font-size:clamp(39px,3.45vw,49px)!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.02em!important}
.ccdv2 h2{font-size:clamp(31px,3vw,43px)!important;line-height:1.22!important;font-weight:700!important}
.ccdv2 h3{font-weight:700!important}
.ccdv2 p{font-size:17px!important;line-height:1.7!important;color:var(--ccsc-text)!important}
.ccdv2 .ccdv2-btn{border-radius:3px!important;font-size:16px!important;font-weight:650!important}
.ccdv2 .ccdv2-btn-gold,.ccdv2 .ccdv2-btn-navy{background:var(--ccsc-teal)!important;border-color:var(--ccsc-teal)!important}

/* Blog: same page voice as Home, while preserving its editorial layout. */
.cc-blog-page{
  --cc-navy:var(--ccsc-ink)!important;
  --cc-teal:var(--ccsc-teal)!important;
  --cc-muted:var(--ccsc-text)!important;
  --cc-line:var(--ccsc-line)!important;
  --cc-soft:var(--ccsc-soft)!important;
  font-family:var(--e-global-typography-text-font-family,"Poppins",Arial,sans-serif)!important;
  color:var(--ccsc-ink)!important;
}
.cc-blog-page h1,.cc-blog-page h2,.cc-blog-page h3,.cc-blog-page h4,
.cc-blog-page button,.cc-blog-page input,.cc-blog-page .cc-kicker,
.cc-blog-page .cc-filter,.cc-blog-page .cc-meta,.cc-blog-page .cc-read,
.cc-blog-page .cc-readmore,.cc-blog-page .cc-cta-btn{
  font-family:var(--e-global-typography-primary-font-family,"Poppins",Arial,sans-serif)!important;
}
.cc-blog-page .cc-blog-intro h1{font-size:clamp(39px,3.45vw,49px)!important;line-height:1.12!important;font-weight:800!important}
.cc-blog-page .cc-blog-intro p{font-size:18px!important;line-height:1.7!important}
.cc-blog-page .cc-section-head h2{font-size:clamp(31px,3vw,43px)!important;line-height:1.22!important}

/* Contact: Home typography and palette; preserve existing contact functionality. */
.cca-contact-shell{
  --navy:var(--ccsc-ink)!important;
  --teal:var(--ccsc-teal)!important;
  --ink:var(--ccsc-ink)!important;
  --muted:var(--ccsc-text)!important;
  --line:var(--ccsc-line)!important;
  --soft:var(--ccsc-soft)!important;
  font-family:var(--e-global-typography-text-font-family,"Poppins",Arial,sans-serif)!important;
  color:var(--ccsc-ink)!important;
}
.cca-contact-shell h1,.cca-contact-shell h2,.cca-contact-shell h3,
.cca-contact-shell .cca-contact-kicker,.cca-contact-shell .cca-btn,
.cca-contact-shell label,.cca-contact-shell input,.cca-contact-shell textarea,
.cca-contact-shell select{
  font-family:var(--e-global-typography-primary-font-family,"Poppins",Arial,sans-serif)!important;
}
.cca-contact-shell .cca-hero-copy h1{font-size:clamp(39px,3.45vw,49px)!important;line-height:1.12!important;font-weight:800!important}
.cca-contact-shell .cca-hero-copy p{font-size:18px!important;line-height:1.7!important}
.cca-contact-shell h2{font-size:clamp(31px,3vw,43px)!important;line-height:1.22!important;font-weight:700!important}
.cca-contact-shell .cca-btn{border-radius:3px!important;font-size:16px!important;font-weight:650!important}
.cca-contact-shell .cca-btn-primary{background:var(--ccsc-teal)!important;border-color:var(--ccsc-teal)!important}

@media(max-width:640px){
  .ccdv2 h1,.cc-blog-page .cc-blog-intro h1,.cca-contact-shell .cca-hero-copy h1{font-size:34px!important}
  .ccdv2 h2,.cc-blog-page .cc-section-head h2,.cca-contact-shell h2{font-size:29px!important}
}

/* V1.1 simple contact */
.ccsc-whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:9998;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:10px 15px;border-radius:999px;background:#15989c;color:#fff!important;text-decoration:none!important;font-family:var(--e-global-typography-text-font-family,"Poppins",Arial,sans-serif)!important;font-size:14px!important;font-weight:700!important;box-shadow:0 10px 28px rgba(20,55,70,.18);transition:transform .16s ease,box-shadow .16s ease}.ccsc-whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(20,55,70,.24)}
.ccsc-whatsapp-dot{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.22)}
.ccdv2-simple-link{display:inline-flex;align-items:center;padding:10px 2px;color:var(--ccsc-teal)!important;font-weight:700;text-decoration:none}.ccdv2-direct-contact{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:24px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06)}.ccdv2-direct-contact>strong{font-size:20px;color:#fff}.ccdv2-direct-contact>small{color:rgba(255,255,255,.72);line-height:1.5}.ccdv2-final-simple{align-items:center}
@media(max-width:640px){.ccsc-whatsapp-float{right:14px;bottom:14px;padding:9px 13px}}


/* V1.1.2 — HOME TYPOGRAPHY IS THE ONLY TYPOGRAPHY STANDARD.
   Important: do not globally recolor links/buttons/small text. We only map
   typography here and then restore the correct semantic colors per component. */
:root{
  --ccsc-home-heading:"Poppins",var(--e-global-typography-primary-font-family,Arial),sans-serif;
  --ccsc-home-body:var(--e-global-typography-text-font-family,inherit);
  --ccsc-home-ink:#1f3044;
  --ccsc-home-text:#4d647c;
  --ccsc-home-muted:#6d7f91;
  --ccsc-home-teal:#15989c;
  --ccsc-home-teal-dark:#0d7f83;
  --ccsc-home-line:#dfe7ec;
}

/* Remove the old theme/Blocksy footer site-wide. */
.ct-footer,footer.ct-footer,#colophon,footer#colophon,.site-footer,footer.site-footer,
#footer,footer[data-id="footer"],[data-footer*="footer"]{display:none!important}

/* =========================================================
   DEALERSHIP — exact Home type hierarchy
   ========================================================= */
.ccdv2{
  --navy:var(--ccsc-home-ink)!important;
  --ink:var(--ccsc-home-ink)!important;
  --muted:var(--ccsc-home-text)!important;
  --blue:var(--ccsc-home-teal)!important;
  --line:var(--ccsc-home-line)!important;
  font-family:var(--ccsc-home-body)!important;
  color:var(--ccsc-home-ink)!important;
  font-size:17px!important;
  line-height:1.7!important;
}
.ccdv2 :where(p,li,small,label,input,textarea,select){font-family:var(--ccsc-home-body)!important}
.ccdv2 :where(h1,h2,h3,h4,.ccdv2-brandline,.ccdv2-eyebrow,.ccdv2-head>span,
.ccdv2-process-title span,.ccdv2-readiness-head span,.ccdv2-gold-kicker,
.ccdv2-stage-panel small,.ccdv2-process-card>div>span,.ccdv2-btn,
.ccdv2 strong,.ccdv2 b,.ccdv2 button,.ccdv2 a){font-family:var(--ccsc-home-heading)!important}

/* Home hero H1 = 38–46 / 800 / 1.16 / -.025em */
.ccdv2 .ccdv2-hero-copy h1,.ccdv2 h1{
  font-size:clamp(38px,3.2vw,46px)!important;
  line-height:1.16!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
/* Home section H2 = 31–43 / 700 / 1.22 */
.ccdv2 h2{
  font-size:clamp(31px,3vw,43px)!important;
  line-height:1.22!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
/* Home business-card H3 = 28 / 700 */
.ccdv2 h3{font-size:28px!important;line-height:1.22!important;font-weight:700!important;letter-spacing:0!important}
.ccdv2 h4{font-size:20px!important;line-height:1.35!important;font-weight:700!important;letter-spacing:0!important}

/* Home explanatory/body copy = 17 / 1.7 */
.ccdv2 p,.ccdv2 li{font-size:17px!important;line-height:1.7!important;font-weight:400!important}
.ccdv2 small{font-size:15px!important;line-height:1.55!important;font-weight:400!important}
.ccdv2 .ccdv2-hero-copy>p{font-size:18px!important;line-height:1.7!important;font-weight:400!important}

/* Home eyebrow/kicker character */
.ccdv2 .ccdv2-brandline,.ccdv2 .ccdv2-eyebrow,.ccdv2 .ccdv2-head>span,
.ccdv2 .ccdv2-process-title span,.ccdv2 .ccdv2-readiness-head span,.ccdv2 .ccdv2-gold-kicker{
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.065em!important;
  color:var(--ccsc-home-teal)!important;
}
.ccdv2 .ccdv2-brandline{font-size:15px!important}

/* Home buttons = 16 / 650. Do NOT inherit gray body color. */
.ccdv2 .ccdv2-btn{font-size:16px!important;font-weight:650!important;line-height:1.3!important;letter-spacing:0!important}
.ccdv2 .ccdv2-btn-gold,.ccdv2 .ccdv2-btn-navy{
  background:var(--ccsc-home-teal)!important;
  border-color:var(--ccsc-home-teal)!important;
  color:#fff!important;
}
.ccdv2 .ccdv2-btn-line{color:var(--ccsc-home-ink)!important;border-color:#cbd6de!important;background:#fff!important}
.ccdv2 .ccdv2-simple-link,.ccdv2 .ccdv2-next a{color:var(--ccsc-home-teal)!important;font-weight:650!important}

/* Light sections: correct Home navy/text, never washed-out gray. */
.ccdv2 .ccdv2-hero-copy h1,.ccdv2 .ccdv2-head h2,.ccdv2 .ccdv2-readiness h3,
.ccdv2 .ccdv2-guide h2,.ccdv2 .ccdv2-why h2{color:var(--ccsc-home-ink)!important}
.ccdv2 .ccdv2-hero-copy>p,.ccdv2 .ccdv2-head p,.ccdv2 .ccdv2-guide p,
.ccdv2 .ccdv2-readiness p{color:var(--ccsc-home-text)!important}

/* Dark dealership sections: explicitly restore white/light text. */
.ccdv2 .ccdv2-process,.ccdv2 .ccdv2-final{color:#fff!important}
.ccdv2 .ccdv2-process h1,.ccdv2 .ccdv2-process h2,.ccdv2 .ccdv2-process h3,.ccdv2 .ccdv2-process h4,
.ccdv2 .ccdv2-process strong,.ccdv2 .ccdv2-process b,
.ccdv2 .ccdv2-final h1,.ccdv2 .ccdv2-final h2,.ccdv2 .ccdv2-final h3,.ccdv2 .ccdv2-final h4,
.ccdv2 .ccdv2-final strong,.ccdv2 .ccdv2-final b{color:#fff!important}
.ccdv2 .ccdv2-process p,.ccdv2 .ccdv2-process li,.ccdv2 .ccdv2-process small{color:#d3dee8!important}
.ccdv2 .ccdv2-process-nav strong{color:#fff!important}
.ccdv2 .ccdv2-process-nav small{color:#aabac7!important}
.ccdv2 .ccdv2-final p,.ccdv2 .ccdv2-final small{color:#d5e0e7!important}
.ccdv2 .ccdv2-final .ccdv2-btn-line{color:#fff!important;border-color:rgba(255,255,255,.48)!important;background:transparent!important}

/* Cards/tabs retain clear hierarchy instead of being flattened to gray. */
.ccdv2 .ccdv2-journey-tabs button strong,.ccdv2 .ccdv2-stage-panel strong,
.ccdv2 .ccdv2-readiness-side h3,.ccdv2 .ccdv2-compare h3{color:var(--ccsc-home-ink)!important;font-weight:700!important}
.ccdv2 .ccdv2-journey-tabs button small,.ccdv2 .ccdv2-stage-panel p,
.ccdv2 .ccdv2-readiness-side p,.ccdv2 .ccdv2-compare li{color:var(--ccsc-home-text)!important}

/* =========================================================
   BLOG — same Home family, weight, navy and teal
   ========================================================= */
.cc-blog-page{font-family:var(--ccsc-home-body)!important;color:var(--ccsc-home-ink)!important}
.cc-blog-page :where(p,li,input){font-family:var(--ccsc-home-body)!important}
.cc-blog-page :where(h1,h2,h3,h4,.cc-kicker,.cc-filter,.cc-meta,.cc-read,.cc-readmore,.cc-cta-btn,button,a){font-family:var(--ccsc-home-heading)!important}
.cc-blog-page .cc-blog-intro h1{font-size:clamp(38px,3.2vw,46px)!important;line-height:1.16!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--ccsc-home-ink)!important}
.cc-blog-page .cc-section-head h2,.cc-blog-page .cc-blog-cta h2{font-size:clamp(31px,3vw,43px)!important;line-height:1.22!important;font-weight:700!important;letter-spacing:0!important}
.cc-blog-page .cc-latest-head h3,.cc-blog-page .cc-card h3,.cc-blog-page .cc-row-story h3{font-weight:700!important;color:var(--ccsc-home-ink)!important}
.cc-blog-page .cc-blog-intro p{font-size:18px!important;line-height:1.7!important;color:var(--ccsc-home-text)!important}
.cc-blog-page p{color:var(--ccsc-home-text)!important}
.cc-blog-page .cc-kicker,.cc-blog-page .cc-latest-head span,.cc-blog-page .cc-date,.cc-blog-page .cc-row-date{color:var(--ccsc-home-teal)!important;font-weight:700!important;letter-spacing:.065em!important}
.cc-blog-page .cc-filter.active,.cc-blog-page .cc-filter:hover{background:var(--ccsc-home-teal)!important;border-color:var(--ccsc-home-teal)!important;color:#fff!important}
.cc-blog-page .cc-blog-cta,.cc-blog-page .cc-blog-cta h2,.cc-blog-page .cc-blog-cta .cc-cta-btn.alt{color:#fff!important}
.cc-blog-page .cc-blog-cta p{color:#d5e0e7!important}
.cc-blog-page .cc-blog-cta .cc-kicker{color:#7fc9cc!important}

/* =========================================================
   CONTACT — same Home family and hierarchy
   ========================================================= */
.cca-contact-shell{font-family:var(--ccsc-home-body)!important;color:var(--ccsc-home-ink)!important}
.cca-contact-shell :where(p,li,input,textarea,select){font-family:var(--ccsc-home-body)!important}
.cca-contact-shell :where(h1,h2,h3,.cca-contact-kicker,.cca-btn,strong,a){font-family:var(--ccsc-home-heading)!important}
.cca-contact-shell .cca-hero-copy h1{font-size:clamp(38px,3.2vw,46px)!important;line-height:1.16!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--ccsc-home-ink)!important}
.cca-contact-shell h2{font-size:clamp(31px,3vw,43px)!important;line-height:1.22!important;font-weight:700!important;letter-spacing:0!important;color:var(--ccsc-home-ink)!important}
.cca-contact-shell h3{font-size:28px!important;line-height:1.22!important;font-weight:700!important;color:var(--ccsc-home-ink)!important}
.cca-contact-shell .cca-hero-copy p{font-size:18px!important;line-height:1.7!important;color:var(--ccsc-home-text)!important}
.cca-contact-shell p{font-size:17px!important;line-height:1.7!important;color:var(--ccsc-home-text)!important}
.cca-contact-shell .cca-contact-kicker{font-size:14px!important;font-weight:700!important;letter-spacing:.065em!important;color:var(--ccsc-home-teal)!important}
.cca-contact-shell .cca-btn{font-size:16px!important;font-weight:650!important;line-height:1.3!important}
.cca-contact-shell .cca-btn-primary{background:var(--ccsc-home-teal)!important;border-color:var(--ccsc-home-teal)!important;color:#fff!important}
.cca-contact-shell .cca-text-action,.cca-contact-shell .cca-direct-grid a span{color:var(--ccsc-home-teal)!important}
.cca-contact-shell .cca-contact-bottom{color:#fff!important}
.cca-contact-shell .cca-contact-bottom h2{color:#fff!important}
.cca-contact-shell .cca-contact-bottom p{color:#d5e0e7!important}
.cca-contact-shell .cca-contact-bottom span{color:#7fc9cc!important}
.cca-contact-shell .cca-contact-bottom .cca-btn-light{background:#fff!important;color:#1d3146!important;border-color:#fff!important}

/* Built-in floating WhatsApp stays vivid, never gray. */
.ccsc-whatsapp-float{background:var(--ccsc-home-teal)!important;color:#fff!important;font-family:var(--ccsc-home-heading)!important;font-size:14px!important;font-weight:700!important;opacity:1!important;filter:none!important}
.ccsc-whatsapp-float *{color:#fff!important;opacity:1!important;filter:none!important}

@media(max-width:640px){
  .ccdv2 .ccdv2-hero-copy h1,.ccdv2 h1,.cc-blog-page .cc-blog-intro h1,.cca-contact-shell .cca-hero-copy h1{font-size:34px!important;letter-spacing:-.018em!important}
  .ccdv2 h2,.cc-blog-page .cc-section-head h2,.cca-contact-shell h2{font-size:29px!important}
}