/* Inner pages: the same calm Tesla look as the homepage (tesla-home.css).
   Loaded after style.css on every page except index.html.
   Neutral greys, dark buttons, square corners, no gold except the logo. */

:root {
  --blue: #171a20;
  --blue2: #393c41;
  --accent: #171a20;
  --gold: #171a20;
  --dark: #171a20;
  --dark2: #171a20;
  --light: #f4f4f4;
  --gray: #5c5e62;
  --radius: 4px;
  --shadow: none;
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);
  --font-head: "Inter", system-ui, sans-serif;
  --tp-ease: .33s cubic-bezier(.5, 0, 0, .75);
}
body { color: #171a20; }
h1, h2, h3, .sec-head h2 { font-family: "Inter", system-ui, sans-serif; letter-spacing: -.2px; }
h1, h2, .sec-head h2 { font-weight: 500 !important; }
h3 { font-weight: 600; }
p, li { color: inherit; }

/* Header: white, frosted, no shadow, no rainbow line */
.top-header {
  background: rgba(255, 255, 255, .86) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  box-shadow: none !important; border-bottom: 1px solid #ececec !important;
}
.top-header::after { display: none !important; }
.site-nav a, .site-nav .nav-drop-btn, .site-nav .nav-drop a { color: #393c41; font-weight: 500; }
.site-nav a:hover, .site-nav .nav-drop-btn:hover, .site-nav .nav-drop a:hover { color: #171a20; }
.logo-tagline, .logo-tagline-x { color: #5c5e62 !important; }
.btn-sched-sm, .btn-call-sm {
  background: transparent !important; color: #171a20 !important;
  border: 0 !important; border-radius: 4px !important; box-shadow: none !important; font-weight: 500;
}
.btn-sched-sm:hover, .btn-call-sm:hover { background: rgba(0, 0, 0, .06) !important; transform: none; }

/* Buttons: dark primary, light grey secondary, Tesla 4px corners */
.btn-call-hero, .sticky-call, .hero-badge, .brand-chip.gold {
  background: #171a20 !important; color: #fff !important;
  border: 0 !important; border-radius: 4px !important; box-shadow: none !important;
  font-weight: 500; transition: background var(--tp-ease);
}
.btn-text-hero, .hero-btns .btn-text-hero, .sticky-text-btn,
.city-hero .btn-text-hero, .svc-page-hero .btn-text-hero, .city-cta-band .btn-text-hero {
  background: #f4f4f4 !important; color: #171a20 !important;
  border: 0 !important; border-radius: 4px !important; box-shadow: none !important;
  font-weight: 500; transition: background var(--tp-ease);
}
.btn-call-hero:hover, .sticky-call:hover { background: #393c41 !important; transform: none !important; box-shadow: none !important; }
.btn-text-hero:hover, .sticky-text-btn:hover { background: #e8e8e8 !important; transform: none !important; }
.hero-btns { gap: 16px; }
.hero-btns a { min-width: 220px; justify-content: center; }
@media (max-width: 560px) { .hero-btns a { min-width: 0; width: 100%; } }

/* Page heroes: tall, airy, centered, like a Tesla model page */
.city-hero, .hub-hero, .svc-page-hero {
  background: #f4f4f4 !important; border-bottom: 0 !important;
  min-height: 62vh; min-height: 62svh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 10vh 24px !important;
}
.city-hero h1, .hub-hero h1, .svc-page-hero h1 {
  color: #171a20 !important; font-size: clamp(2rem, 4.6vw, 3.4rem) !important; line-height: 1.1;
}
.city-hero p, .hub-hero p, .svc-page-hero p { color: #393c41 !important; font-size: 1.05rem; }

/* Sections and cards: flat, neutral */
.section:nth-child(even) { background: #f4f4f4; }
.sec-tag, .sec-tag-dark, .why-section .sec-tag-dark {
  background: transparent !important; color: #5c5e62 !important;
  letter-spacing: .08em; text-transform: uppercase; font-weight: 500; padding: 0;
}
.city-cta-band, .trust-bar {
  background: #f4f4f4 !important; border-color: #ececec !important;
}
.trust-txt strong, .trust-bar strong, .city-cta-band h3 { color: #171a20 !important; }
.city-svc-card, .zip-chip, .nearby-chips a, .rating-pill, .guide-table, .zip-table-wrap {
  border-radius: 4px !important; box-shadow: none !important; border-color: #e8e8e8 !important;
}
.city-svc-card:hover { transform: none !important; border-color: #171a20 !important; }
.page-photo img { border-radius: 4px; }
.oc-highlight { background: none; -webkit-text-fill-color: currentColor; color: inherit; }
a { text-underline-offset: 3px; }
.city-intro a, .guide-article a, .latest-guides a { color: #171a20; text-decoration: underline; text-decoration-color: #b8b8b8; }
.city-intro a:hover, .guide-article a:hover, .latest-guides a:hover { text-decoration-color: #171a20; }

/* Sticky bottom bar: frosted white */
.sticky-banner {
  background: rgba(255, 255, 255, .9) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border-top: 1px solid #ececec !important; box-shadow: none !important;
}
.sticky-free { color: #171a20 !important; }
.sticky-sub { color: #5c5e62 !important; }

/* Footer: carbon */
.site-footer { background: #171a20 !important; }
.footer-logo-chip { border-radius: 4px; }

/* Hero: secondary button sits on grey, so it goes white; no emoji icons */
.city-hero .btn-text-hero, .hub-hero .btn-text-hero, .svc-page-hero .btn-text-hero { background: #fff !important; }
.city-hero .btn-text-hero:hover, .hub-hero .btn-text-hero:hover, .svc-page-hero .btn-text-hero:hover { background: #e8e8e8 !important; }
.svc-page-icon { display: none; }

/* Answer boxes: grey instead of teal */
.quick-answer, .key-takeaways {
  background: #f4f4f4 !important; border: 0 !important; border-left: 3px solid #171a20 !important;
}

/* "Call me back in 30 seconds" pill (callback-widget.js) */
#ao-cb-pill { background: #171a20 !important; border: 0 !important; border-radius: 4px !important; box-shadow: none !important; }
#ao-cb-pill:hover { background: #393c41 !important; }
#ao-cb { border-radius: 4px !important; color: #171a20 !important; }

/* Leftover gold, navy and teal accents */
h1, h2, h3 { color: #171a20; }
.nav-drop-promo, .nav-drop-promo strong { color: #171a20 !important; border-color: #e8e8e8 !important; }
.nav-burger span { background: #171a20 !important; }
.gx-dot { background: #171a20 !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, .7) !important; }
.gx-tabs button { color: #171a20 !important; }
.gx-tabs button[aria-selected="true"], .gx-tabs button.active { background: #171a20 !important; color: #fff !important; }
.footer-sub { color: #a2a3a5 !important; }
.svc-other-grid a, .svc-section { border-color: #e8e8e8 !important; border-radius: 4px !important; }
.svc-section h2 { color: #171a20 !important; }
#ao-chat-sticky { background: #f4f4f4 !important; border-radius: 4px !important; box-shadow: none !important; font-weight: 500 !important; }
#ao-chat-sticky, #ao-chat-sticky .txt, #ao-chat-h .lg { color: #171a20 !important; }
#ao-cb button { background: #171a20 !important; color: #fff !important; border-radius: 4px !important; }