/* Style: Showroom (Nov 2026) - bold and sharp. Black header bar, tall banner with big uppercase
   headline sitting low over the photo, accent stripes, square corners, uppercase buttons.
   Loaded after theme.css when site.json has "theme": { "style": "showroom" }. Colours and fonts
   still come from Settings; the black bars use fixed near-black so they work in light and dark mode. */
.style-showroom { --ink: #0d0f11; --ink-2: #16191c; }
.style-showroom h1, .style-showroom h2 { text-transform: uppercase; letter-spacing: .01em; font-weight: 800; }
.style-showroom h3 { text-transform: uppercase; letter-spacing: .02em; }

/* buttons: square, uppercase */
.style-showroom .btn, .style-showroom .call-btn { border-radius: 0; text-transform: uppercase; letter-spacing: .06em; font-size: .92rem; }
.style-showroom .btn-lg { font-size: 1rem; }
.style-showroom .btn-accent:hover { filter: none; background: #fff; color: var(--ink); }

/* header: black bar with an accent line */
.style-showroom .site-header { background: var(--ink); border-bottom: 4px solid var(--accent); }
.style-showroom .brand, .style-showroom .site-nav a { color: #fff; }
.style-showroom .site-nav a { text-transform: uppercase; letter-spacing: .08em; font-size: .9rem; }
.style-showroom .site-nav a:hover, .style-showroom .site-nav a[aria-current] { color: var(--accent); border-bottom-color: var(--accent); }
.style-showroom .call-btn { background: var(--accent); color: var(--ink); }
.style-showroom .menu-toggle { border-color: #fff; color: #fff; border-radius: 0; text-transform: uppercase; }
.style-showroom .theme-toggle { border-color: rgba(255,255,255,.35); color: #fff; border-radius: 0; }
@media (max-width: 860px) { .style-showroom .site-nav a { border-bottom-color: rgba(255,255,255,.12); } }

/* banner: tall, photo darkened from the bottom, headline low on the left with an accent bar */
.style-showroom .hero { background-color: var(--ink); min-height: min(78vh, 760px); display: flex; align-items: flex-end; }
.style-showroom .hero::before { background: linear-gradient(0deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.55) 45%, color-mix(in srgb, var(--primary) 30%, rgba(0,0,0,.15)) 100%); }
.style-showroom .opt-short .hero, .style-showroom .hero.opt-short { min-height: 0; }
.style-showroom .hero-inner { width: min(1180px, 100% - 32px); padding: clamp(56px, 9vw, 110px) 0 clamp(40px, 6vw, 72px); }
.style-showroom .hero h1 { font-size: clamp(2.6rem, 7vw, 5.2rem); line-height: .98; max-width: 16ch; }
.style-showroom .hero h1::before { content: ''; display: block; width: 84px; height: 8px; background: var(--accent); margin-bottom: 22px; }
.style-showroom .btn-light { background: transparent; color: #fff; border-color: #fff; }
.style-showroom .btn-light:hover { background: #fff; color: var(--ink); }

/* highlights: accent strip */
.style-showroom .highlights { background: var(--accent); color: var(--ink); }
.style-showroom .highlight-row { gap: 10px 0; padding: 16px 0; }
.style-showroom .highlight-row li { text-transform: uppercase; letter-spacing: .05em; font-weight: 600; font-size: .92rem; padding: 0 28px; border-left: 2px solid rgba(0,0,0,.25); }
.style-showroom .highlight-row li:first-child { padding-left: 0; border-left: 0; }
.style-showroom .highlight-row li strong { color: var(--ink); font-weight: 800; }
@media (max-width: 700px) { .style-showroom .highlight-row li { border-left: 0; padding: 0; width: 100%; } }

/* section headings get an accent underline */
.style-showroom .section-head h2::after, .style-showroom .section-head-row h2::after { content: ''; display: block; width: 56px; height: 5px; background: var(--accent); margin-top: 14px; }
.style-showroom .section-alt, .style-showroom .split, .style-showroom .opt-shade .section { background: var(--light); }

/* page title: black block */
.style-showroom .page-head { background: var(--ink); color: #fff; border-bottom: 6px solid var(--accent); }
.style-showroom .page-head .lede { color: rgba(255,255,255,.78); }

/* services: numbered blocks with an accent edge */
.style-showroom .service-grid { counter-reset: svc; border-top: 0; gap: 2px; }
.style-showroom .service { counter-increment: svc; border: 0; border-left: 5px solid var(--accent); background: var(--light); padding: 26px 26px 26px 24px; }
.style-showroom .service::before { content: counter(svc, decimal-leading-zero); display: block; font: 800 1.6rem/1 var(--font-heading); color: color-mix(in srgb, var(--dark) 35%, transparent); margin-bottom: 10px; }
.style-showroom .service h3 { color: var(--dark); }
.style-showroom .service-row img, .style-showroom .split-img, .style-showroom .block img, .style-showroom .gallery-item img, .style-showroom .map { border-radius: 0; }
.style-showroom .review { border-left-width: 6px; }
.style-showroom .review blockquote { font-size: 1.15rem; font-style: italic; }
.style-showroom .person img { border-radius: 0; }
.style-showroom .contact-info { border-radius: 0; border-top: 5px solid var(--accent); }

/* car cards: square, photo zooms on hover, dark price bar */
.style-showroom .car { border-radius: 0; border: 0; background: var(--surface, #fff); box-shadow: 0 0 0 1px color-mix(in srgb, var(--dark) 12%, transparent); }
.style-showroom .car img { transition: transform .35s; }
.style-showroom .car-link, .style-showroom .car-media { overflow: hidden; display: block; }
.style-showroom .car:hover img { transform: scale(1.04); }
.style-showroom .car-title { text-transform: uppercase; }
.style-showroom .car-sticker { border-style: solid; border-width: 1px 0; }
.style-showroom .car-price { color: var(--dark); }
.style-showroom .car-actions .btn { flex: 1; justify-content: center; }
.style-showroom .inv-tools input, .style-showroom .inv-tools select { border-radius: 0; }

/* questions */
.style-showroom .faq { border-top: 4px solid var(--accent); }
.style-showroom .faq-item summary { text-transform: uppercase; letter-spacing: .02em; }
.style-showroom .faq-item summary::after { color: var(--accent); }

/* forms */
.style-showroom .form input, .style-showroom .form select, .style-showroom .form textarea { border-radius: 0; }
.style-showroom .chip { border-radius: 0; }

/* call band: black with an accent stripe across it */
.style-showroom .cta-band { background: linear-gradient(105deg, var(--ink) 0 62%, var(--accent) 62% 63.5%, var(--ink-2) 63.5% 100%); }
.style-showroom .cta-band .btn-ghost { border-color: #fff; }
@media (max-width: 760px) { .style-showroom .cta-band { background: var(--ink); border-top: 6px solid var(--accent); } }

/* footer: deepest black, accent line on top */
.style-showroom .site-footer { background: var(--ink); border-top: 6px solid var(--accent); }
.style-showroom .footer-name, .style-showroom .footer-h { text-transform: uppercase; letter-spacing: .04em; }