/* 24K Auto: reversible IMPACT 2.4 interior-page finish.
 * Applies ONLY when WordPress provides the k24-impact24-interior body class.
 * Retains all original Elementor/Fixturbo layouts, CF7 forms and page content.
 * Decorative banners use the existing black-car artwork; actual repair photos
 * stay full colour as truthful before/after evidence.
 */
body.k24-impact24-interior{
  --k24-interior-ink:#090807;
  --k24-interior-gold:#e9c68c;
  --k24-interior-dark-gold:#886033;
  --heading-color:#1d1b18;
  --main-color2:#886033;
  --k24-gold:#e9c68c;
}

/* Restore the same premium black / gold / white header as the IMPACT homepage. */
body.k24-impact24-interior .site-header,
body.k24-impact24-interior .site-header .menu-area{
  --heading-color:#f2d9b1;
  --main-color2:#e9c68c;
}
body.k24-impact24-interior .site-header .menu-area{
  background:rgba(7,7,7,.98)!important;
  border-bottom:1px solid rgba(232,188,115,.36);
}
body.k24-impact24-interior .site-header a[href]:hover,
body.k24-impact24-interior .site-header a[href]:focus-visible,
body.k24-impact24-interior .site-header .sub-menu a:hover,
body.k24-impact24-interior .site-header .sub-menu a:focus-visible{color:#e9c68c!important}
body.k24-impact24-interior .site-header .sub-menu{border-color:rgba(233,198,140,.4)!important}
body.k24-impact24-interior .site-header .header-grid-info .icon{
  background:linear-gradient(145deg,#edca90,#a97740)!important;
  border-color:rgba(245,216,169,.54)!important;
  color:#17100a!important;
}
body.k24-impact24-interior .site-header .header-grid-info .icon svg{color:#17100a!important}

/* The former red-car promo graphic is a decorative template background. Swap
 * it for the established black-car art without recolouring real repair work. */
body.k24-impact24-interior .breadcrumb-wrap{
  --heading-color:#f2e9dc;
  --main-color2:#e9c68c;
  background-color:#080807!important;
  background-image:linear-gradient(90deg,rgba(3,3,3,.94) 0%,rgba(3,3,3,.81) 31%,rgba(4,4,4,.45) 63%,rgba(3,3,3,.27) 100%),url('./assets/hero-obsidian-v2.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
}
body.k24-impact24-interior .breadcrumb-wrap .page-title{
  color:#fff!important;
  font-family:'Helvetica Neue',Arial,sans-serif;
  font-weight:780;
  letter-spacing:-.035em;
  line-height:1.07;
  text-shadow:0 3px 26px rgba(0,0,0,.7);
}
body.k24-impact24-interior .breadcrumb-wrap .page-list,
body.k24-impact24-interior .breadcrumb-wrap .page-list a,
body.k24-impact24-interior .breadcrumb-wrap .page-list i{color:#f2d4a4!important}
body.k24-impact24-interior .breadcrumb-wrap .page-list li::after{
  color:#e9c68c!important;
}

/* Theme chrome on secondary pages is red in the original Fixturbo skin.
 * Give those controls an intentional neutral/gold finish as well. */
body.k24-impact24-interior .back-to-top{
  background:linear-gradient(145deg,#e9c68c,#bd8c51)!important;
  color:#120f0b!important;
}
body.k24-impact24-interior .back-to-top :is(svg,i){color:#120f0b!important}
body.k24-impact24-interior .back-to-top:focus-visible{
  outline:3px solid #f3d8a3!important;
  outline-offset:4px;
}
body.k24-impact24-interior .footer-top-1.bg-theme{
  background:#11100f!important;
  background-image:linear-gradient(112deg,#0b0b0b,#292014)!important;
  border-top:1px solid rgba(225,187,125,.4);
  border-bottom:1px solid rgba(225,187,125,.22);
}
body.k24-impact24-interior .footer-top-1.bg-theme a[href]:hover,
body.k24-impact24-interior .footer-top-1.bg-theme a[href]:focus-visible{color:#f4d49b!important}
body.k24-impact24-interior .widget-contact-wrap>.icon{
  background:#c49b60!important;
}

/* Gold is a functional accent: high-contrast dark text on gold buttons,
 * bronze/gold links on white surfaces, white links on dark backgrounds. */
body.k24-impact24-interior .wpcf7-form input[type="submit"],
body.k24-impact24-interior .wpcf7-form button[type="submit"],
body.k24-impact24-interior .k24-fixed-actions a[href^="tel:"],
body.k24-impact24-interior a[href^="tel:"][style*="background:#d52027"]{
  background:linear-gradient(115deg,#f3daa8,#cb9b5d)!important;
  color:#110c06!important;
  border-color:#dcb679!important;
  box-shadow:0 7px 21px rgba(0,0,0,.14);
}
body.k24-impact24-interior .wpcf7-form input[type="submit"]:hover,
body.k24-impact24-interior .wpcf7-form button[type="submit"]:hover,
body.k24-impact24-interior .k24-fixed-actions a[href^="tel:"]:hover{
  background:#ffe2ad!important;
  color:#080706!important;
}
body.k24-impact24-interior .k24-fixed-actions a[href]:not([href^="tel:"]){border-color:rgba(225,185,120,.72)!important}
body.k24-impact24-interior .k24-fixed-actions{border-top-color:rgba(222,179,112,.4)!important}
body.k24-impact24-interior :is(a,button,input,textarea,select):focus-visible{
  outline:3px solid #e9c68c!important;
  outline-offset:3px;
}

/* Keep dark panels and form controls readable without changing their inputs. */
body.k24-impact24-interior .appointment-form-wrap{border:1px solid rgba(223,182,113,.38)}
body.k24-impact24-interior .site-content :is(h1,h2,h3){text-wrap:balance}

@media(max-width:767px){
  body.k24-impact24-interior .breadcrumb-wrap{background-position:62% center!important}
  body.k24-impact24-interior .breadcrumb-wrap .page-title{font-size:clamp(29px,7.5vw,45px)!important}
  body.k24-impact24-interior .k24-fixed-actions{padding-bottom:max(8px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
  body.k24-impact24-interior .site-header a[href],
  body.k24-impact24-interior .wpcf7-form input[type="submit"]{transition:none!important}
}