/*
Theme Name: AutoDetail
Theme URI: https://example.com/autodetail
Author: AutoDetail
Description: Elementor-first automotive services WordPress theme. Requires the AutoDetail Core plugin for demo import, dynamic widgets, theme options, and booking.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: autodetail
*/

:root {
  --ad-primary: #e9021e;
  --ad-navy: #121212;
  --ad-dark-2: #222222;
  --ad-dark-3: #333333;
  --ad-heading: #ffffff;
  --ad-text: rgba(255,255,255,.7);
  --ad-surface: #222222;
  --ad-container: 1240px;
  --ad-radius: 10px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--ad-navy); margin: 0; color: var(--ad-text); font-family: Manrope, Arial, sans-serif; line-height: 1.6; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
.ad-container { width: min(calc(100% - 32px), var(--ad-container)); margin-inline: auto; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.screen-reader-text:focus { clip: auto; clip-path: none; display: block; height: auto; left: 5px; padding: 12px; top: 5px; width: auto; z-index: 100000; background: #fff; color: #111; }
.ad-site-main { min-height: 50vh; }
.ad-fallback-header, .ad-fallback-footer { background: var(--ad-navy); color: #fff; }
.ad-fallback-header__inner, .ad-fallback-footer__inner { align-items: center; display: flex; gap: 24px; justify-content: space-between; min-height: 84px; }
.ad-site-branding { color: #fff; font-size: 1.4rem; font-weight: 800; }
.ad-primary-menu, .ad-primary-menu ul { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }
.ad-primary-menu a { color: #fff; font-weight: 700; }
.ad-page-fallback { padding: 72px 0; }
.ad-page-fallback h1 { color: var(--ad-heading); }
@media (max-width: 767px) { .ad-primary-menu { display: none; } .ad-fallback-header__inner { min-height: 64px; } }