/* Knighton Motors light/dark theme */
:root{
  color-scheme:light;
}

html[data-theme="dark"]{
  color-scheme:dark;
}

html[data-theme="dark"] body{
  background:#111416;
  color:#d4dade;
}

html[data-theme="dark"] a{
  color:#ff8a55;
}

html[data-theme="dark"] a:hover{
  color:#ffad87;
}

html[data-theme="dark"] .site-header{
  background:#14181b;
}

html[data-theme="dark"] .header-contact small{
  color:#929da4;
}

html[data-theme="dark"] .header-contact a{
  color:#f1f3f4;
}

html[data-theme="dark"] .theme-toggle{
  border-color:#3b444a;
  background:#1d2327;
  color:#f2f4f5;
}

html[data-theme="dark"] .theme-toggle:hover{
  border-color:#626e75;
  background:#252c31;
}

html[data-theme="dark"] .nav-wrap{
  border-top-color:#2c3338;
  background:#0d1012;
}

html[data-theme="dark"] .main-nav a{
  color:#f4f5f6;
}

html[data-theme="dark"] .main-nav a:hover,
html[data-theme="dark"] .main-nav a[aria-current="page"]{
  background:#b84020;
  color:#fff;
}

html[data-theme="dark"] .hero,
html[data-theme="dark"] .page-hero{
  background:#171c20;
  border-color:#2c3338;
}

html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .page-hero h1,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .content-card h2,
html[data-theme="dark"] .info-card h2,
html[data-theme="dark"] .service-card h3,
html[data-theme="dark"] .trust-item strong,
html[data-theme="dark"] .callout strong,
html[data-theme="dark"] .error-page h1,
html[data-theme="dark"] .error-page h2{
  color:#f3f5f6;
}

html[data-theme="dark"] .hero-lead,
html[data-theme="dark"] .page-hero-copy>p:last-child,
html[data-theme="dark"] .section-heading p:last-child,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .trust-item span,
html[data-theme="dark"] .error-page p{
  color:#aeb7bd;
}

html[data-theme="dark"] .hero-media:after{
  background:linear-gradient(90deg,rgba(23,28,32,.30),transparent 28%);
}

html[data-theme="dark"] .hero-badges span{
  border-color:#3d464c;
  background:#1c2226;
  color:#c9d0d4;
}

html[data-theme="dark"] .section-muted{
  background:#171b1e;
  border-color:#2a3136;
}

html[data-theme="dark"] .service-card,
html[data-theme="dark"] .trust-item,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .info-card{
  border-color:#343c42;
  background:#191e22;
  box-shadow:0 8px 26px rgba(0,0,0,.20);
}

html[data-theme="dark"] .service-card{
  border-top-color:#ef641c;
}

html[data-theme="dark"] .service-card:hover{
  border-color:#4a555c;
  border-top-color:#ff7440;
  box-shadow:0 14px 34px rgba(0,0,0,.32);
}

html[data-theme="dark"] .trust-grid{
  border-color:#343c42;
  background:#343c42;
}

html[data-theme="dark"] .info-block{
  border-top-color:#343c42;
}

html[data-theme="dark"] .info-label{
  color:#929da4;
}

html[data-theme="dark"] .info-value{
  color:#e1e5e8;
}

html[data-theme="dark"] .button-secondary{
  border-color:#566168;
  background:#1b2024;
  color:#f0f2f3;
}

html[data-theme="dark"] .button-secondary:hover{
  border-color:#89949a;
  background:#23292e;
  color:#fff;
}

html[data-theme="dark"] .breadcrumbs{
  color:#89939a;
}

html[data-theme="dark"] .breadcrumbs a{
  color:#bec6ca;
}

html[data-theme="dark"] .page-hero-media{
  background:#1d2226;
}

html[data-theme="dark"] .service-list li{
  border-color:#343d42;
  background:#1b2024;
}

html[data-theme="dark"] .callout{
  background:#1b2024;
}

html[data-theme="dark"] .mini-links a{
  border-color:#465057;
  background:#1b2024;
  color:#e6e9eb;
}

html[data-theme="dark"] .mini-links a:hover{
  border-color:#ef641c;
  color:#ff9464;
}

html[data-theme="dark"] .faq-list details{
  border-color:#343d42;
  background:#181d21;
}

html[data-theme="dark"] .faq-list summary{
  color:#edf0f2;
}

html[data-theme="dark"] .faq-list details p{
  color:#aeb7bd;
}

html[data-theme="dark"] .map-embed{
  border-color:#3a4349;
  background:#1d2226;
}

html[data-theme="dark"] .site-footer{
  background:#0c0f11;
}

html[data-theme="dark"] .footer-bottom{
  border-top-color:#252b2f;
}

html[data-theme="dark"] .skip-link:focus{
  background:#171c20;
  color:#fff;
}

/* Opening status card, dark theme. Still uses the existing JS pulse. */
html[data-theme="dark"] .opening-status.is-open .opening-status-card{
  background:#14241a;
  border-color:#2e7143;
  border-left-color:#49a966;
  box-shadow:
    0 0 0 1px rgba(73,169,102,.10),
    0 3px 11px rgba(0,0,0,.22);
}

html[data-theme="dark"] .opening-status.is-open.status-pulse-on .opening-status-card{
  background:#193020;
  border-color:#4b9f64;
  border-left-color:#6bc285;
  box-shadow:
    0 0 0 4px rgba(73,169,102,.14),
    0 0 28px rgba(73,169,102,.24),
    0 6px 22px rgba(0,0,0,.28),
    inset 0 0 16px rgba(73,169,102,.05);
}

html[data-theme="dark"] .opening-status.is-closed .opening-status-card{
  background:#2b1914;
  border-color:#76402f;
  border-left-color:#dd6846;
  box-shadow:
    0 0 0 1px rgba(221,104,70,.08),
    0 3px 11px rgba(0,0,0,.22);
}

html[data-theme="dark"] .opening-status.is-closed.status-pulse-on .opening-status-card{
  background:#3a1e16;
  border-color:#a7543d;
  border-left-color:#ff805d;
  box-shadow:
    0 0 0 4px rgba(221,104,70,.12),
    0 0 28px rgba(221,104,70,.22),
    0 6px 22px rgba(0,0,0,.28),
    inset 0 0 16px rgba(221,104,70,.05);
}

html[data-theme="dark"] .opening-status .status-title,
html[data-theme="dark"] .status-next-date,
html[data-theme="dark"] .status-next-time{
  color:#edf1f2;
}

html[data-theme="dark"] .opening-status .status-detail,
html[data-theme="dark"] .status-next-label,
html[data-theme="dark"] .preview-date{
  color:#a9b2b7;
}

html[data-theme="dark"] .status-next{
  border-top-color:rgba(220,226,229,.14);
}

html[data-theme="dark"] .birthday-message{
  border-color:#7f6827;
  background:#332a12;
  color:#ffe39a;
}

@media(max-width:650px){
  html[data-theme="dark"] .main-nav ul{
    background:#2d3439;
  }
  html[data-theme="dark"] .main-nav a{
    background:#14181b;
  }
  html[data-theme="dark"] .content-card,
  html[data-theme="dark"] .info-card{
    background:transparent;
    box-shadow:none;
  }
}


/* Logo treatment in dark mode */
html[data-theme="dark"] .brand-logo,
html[data-theme="dark"] .footer-icon{
  filter:brightness(0) invert(1);
}

/* Disabled Call now state when the workshop is closed */
.button.is-disabled,
.button[aria-disabled="true"]{
  pointer-events:none;
  cursor:not-allowed;
  opacity:.52;
  filter:grayscale(.2);
  box-shadow:none !important;
}

html[data-theme="dark"] .button.is-disabled,
html[data-theme="dark"] .button[aria-disabled="true"]{
  opacity:.46;
  color:#a8b0b5;
  border-color:#3a4247;
  background:#242a2e;
}