/* S&H Autohandel 1.6 — UI layer. Loaded after the existing marketplace CSS.
   Header, footer, accessibility, GTranslate dock and semantic color modes only. */
:root{
  --shah-accent:#caa24e;--shah-ink:#1d272f;--shah-muted:#78838c;
  --shah-page:#ffffff;--shah-surface:#ffffff;--shah-surface-alt:#f5f7f8;
  --shah-line:#e8eced;--shah-radius:16px;
}
html{color-scheme:light}html[data-shah-theme="dark"]{color-scheme:dark}
body{background:var(--shah-page)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--shah-accent);outline-offset:3px}
/* Premium compact utility bar: purposefully separate from the old hidden .topline. */
.shah-utility-bar{height:34px;background:#171d22;color:#c3c9cc;font-size:11px;letter-spacing:.01em}
.shah-utility-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;height:100%}
.shah-utility-message,.shah-utility-links,.shah-utility-links span,.shah-utility-links a{display:flex;align-items:center;gap:8px}
.shah-utility-links{gap:24px}.shah-utility-links a:hover{color:#fff}
.shah-utility-bar .sh-icon{width:14px;height:14px;flex-basis:14px;color:var(--shah-accent)}
.site-header.shah-modern-header,.site-header.shah-modern-header.is-scrolled{
  background:rgba(255,255,255,.98);height:92px;border-bottom:1px solid #e9ebeb;color:var(--shah-ink);
  box-shadow:0 3px 18px rgba(18,28,34,.045);transition:height .25s ease,background .25s ease,box-shadow .25s ease;
}
.site-header.shah-modern-header.is-scrolled{height:75px;box-shadow:0 6px 24px rgba(18,28,34,.085)}
.site-header.shah-modern-header.shah-header-sticky{position:sticky;top:0;z-index:120}
.site-header.shah-modern-header.shah-header-static{position:relative!important;top:auto!important}
.shah-header-inner{gap:28px}.shah-header-brand{flex:0 0 auto;display:flex;align-items:center}
.shah-header-brand .brand{min-width:130px;line-height:1;height:auto}
.site-header.shah-modern-header .brand-image{display:inline-flex;min-width:0;width:auto;height:auto;padding:0;background:transparent;border-radius:0}
.shah-brand-mark{display:flex;align-items:center;justify-content:center;max-width:170px;height:65px}
.site-header.shah-modern-header .brand-image img,.site-header.shah-modern-header.is-scrolled .brand-image img{width:auto;height:auto;max-width:100%;max-height:65px;object-fit:contain;display:block}
.shah-brand.shah-brand-fallback .shah-brand-mark{background:#11161a;border-radius:10px;padding:4px 8px}
.shah-brand .shah-brand-dark{display:none!important}
.shah-main-nav{margin-inline:auto}
.site-header.shah-modern-header .site-nav-list{gap:clamp(13px,2vw,30px)}
.site-header.shah-modern-header .site-nav-list a{color:#3b4850;font-size:13px;font-weight:760;position:relative;padding:10px 2px;white-space:nowrap}
.site-header.shah-modern-header .site-nav-list a::after{content:"";height:2px;position:absolute;bottom:4px;left:0;right:100%;background:var(--shah-accent);border-radius:3px;transition:right .2s ease}
.site-header.shah-modern-header .site-nav-list a:hover::after,.site-header.shah-modern-header .current-menu-item>a::after{right:0}
.site-header.shah-modern-header .site-nav-list .current-menu-item>a{color:#956d26}
.shah-header-actions{gap:11px;flex:0 0 auto}
.shah-header-icon{border:1px solid #e8eaec;border-radius:11px;width:44px;height:44px;display:grid;place-items:center;background:#f8f9fa;color:#24323b;transition:background .2s,border-color .2s}
.shah-header-icon:hover{background:#f7f0df;border-color:#dfc58f}
.shah-header-icon .sh-icon{width:20px;height:20px}
.shah-icon-sun{display:none}
.site-header.shah-modern-header .header-contact.shah-header-cta{min-height:46px;padding:10px 18px;border-radius:11px;display:flex;align-items:center;gap:10px;background:#202b32;color:white;font-size:12px;font-weight:800;white-space:nowrap}
.site-header.shah-modern-header .header-contact.shah-header-cta:hover{background:#3b444b}
.shah-header-cta .sh-icon{width:17px;height:17px}
.shah-header-cta .shah-cta-arrow{width:13px;height:13px;color:#e7bf68;margin-left:4px}
.shah-menu-toggle{width:42px;height:42px;border:1px solid #e1e5e7;border-radius:11px;background:#f8f9fa}
.site-header.shah-modern-header .shah-menu-toggle span{background:#253039;width:22px;margin:auto}
/* Editorial footer with a strong conversion section and restrained navigation. */
.site-footer.shah-footer{background:#111820;color:#fff;margin:0;position:relative;overflow:hidden}
.shah-footer:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-320px;bottom:5%;border:1px solid #ffffff0e;pointer-events:none}
.shah-footer-promo{position:relative;display:flex;justify-content:space-between;align-items:center;gap:36px;margin-top:56px;margin-bottom:58px;padding:45px 48px;border:1px solid #a98b4d63;border-radius:23px;background:radial-gradient(circle at 93% 22%,#d4aa5730,transparent 36%),linear-gradient(110deg,#252b2b,#1b242a 75%);overflow:hidden}
.shah-footer-promo:after{content:"";position:absolute;right:-35px;bottom:-150px;width:280px;height:280px;border:1px solid #a98b4d37;border-radius:50%}
.shah-footer-promo-copy{position:relative;z-index:1}
.shah-footer-kicker{display:inline-flex;align-items:center;gap:8px;letter-spacing:.16em;font-size:10px;color:#e9c272;font-weight:800}
.shah-footer-kicker .sh-icon{height:17px;width:17px}
.shah-footer-promo h2{font-size:clamp(26px,3vw,39px);line-height:1.18;letter-spacing:-.04em;color:white;margin:14px 0 10px;max-width:670px}
.shah-footer-promo p{font-size:13px;color:#b7c0c5;line-height:1.7;margin:0}
.shah-footer-promo-button{display:inline-flex;justify-content:center;align-items:center;gap:11px;background:var(--shah-accent);color:#171b1e;border-radius:12px;padding:16px 22px;min-height:55px;white-space:nowrap;font-size:13px;font-weight:850;position:relative;z-index:1;transition:transform .2s,filter .2s}
.shah-footer-promo-button:hover{transform:translateY(-3px);filter:brightness(1.09)}
.shah-footer-promo-button .sh-icon{height:18px;width:18px}
.shah-footer-grid{display:grid;grid-template-columns:1.35fr .75fr 1fr 1fr;gap:clamp(25px,3.5vw,65px);padding-bottom:64px}
.shah-footer-about .shah-brand{display:inline-flex;align-items:flex-start;min-width:0}
.shah-footer-about .shah-brand-mark{max-width:166px;height:78px}
.shah-footer-about .shah-brand-mark img{max-width:100%;max-height:78px;object-fit:contain;display:block}
.shah-footer-about>p{font-size:12.5px;color:#a4afb5;line-height:1.85;max-width:320px;margin:23px 0 0}
.shah-footer-social{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.shah-footer-social a{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;border:1px solid #3a4650;background:#222d35;color:#dce2e6;transition:transform .2s,background .2s}
.shah-footer-social a:hover{background:#39424b;transform:translateY(-2px);color:#eac370}
.shah-footer-social .sh-icon{width:18px;height:18px}
.shah-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0}
.shah-footer-column h3{font-size:13px;color:#f5f7f8;letter-spacing:0;margin:13px 0 15px;font-weight:800}
.shah-footer-column>a,.shah-footer-column>p{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#aab3b9;line-height:1.8;margin:0;overflow-wrap:anywhere}
.shah-footer-column>a:hover{color:var(--shah-accent)}
.shah-footer-column .sh-icon{width:16px;height:16px;flex:0 0 16px;margin-top:2px;color:#caac67}
.shah-footer-column:not(.shah-footer-contact)>a>.sh-icon{opacity:0;transition:transform .2s,opacity .2s}
.shah-footer-column:not(.shah-footer-contact)>a:hover>.sh-icon{opacity:1;transform:translateX(3px)}
.shah-footer-hours p{white-space:normal}
.shah-footer-bottom{border-top:1px solid #303940;padding:22px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#84919a;font-size:11px;line-height:1.6}
.shah-footer-bottom>div{display:flex;gap:22px}.shah-footer-bottom a:hover{color:#f1c974}
/* Floating tools: no overlapping icon stacks and no fake translator without a plugin. */
.shah-translate-dock,.shah-float-actions{position:fixed;z-index:950;bottom:24px}
.shah-translate-dock{left:23px}.shah-float-actions{right:23px;display:flex;flex-direction:column;align-items:center;gap:11px}
.shah-float-button{width:51px;height:51px;border-radius:16px;border:1px solid #e6e9e9;background:#fff;color:#1f2c34;display:grid;place-items:center;box-shadow:0 8px 28px #0e17213b;transition:transform .2s,background .2s;cursor:pointer}
.shah-float-button:hover{transform:translateY(-3px);background:#fff9ee}
.shah-float-button .sh-icon{width:24px;height:24px}
.shah-whatsapp-float{background:#18895f;border-color:#18895f;color:#fff}.shah-whatsapp-float:hover{background:#0e7852;color:white}
.shah-backtotop{opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none}
.shah-backtotop.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.shah-language-panel{position:absolute;bottom:62px;left:0;min-width:228px;max-width:min(330px,calc(100vw - 36px));padding:17px;background:#fff;color:#1e2a32;border:1px solid #e3e7e8;border-radius:16px;box-shadow:0 16px 44px #17212d36}
.shah-language-panel[hidden]{display:none!important}
.shah-language-title{font-size:13px;font-weight:850;padding-bottom:10px;border-bottom:1px solid #e6e8ea;margin-bottom:10px}
.shah-language-panel select{width:100%;max-width:100%;min-height:40px;border:1px solid #d5dadd;border-radius:8px;padding:7px;color:#26313a;background:white}
.shah-language-panel .switcher,.shah-language-panel .gtranslate_wrapper{max-width:100%;position:relative!important;inset:auto!important}
/* Dark theme is opt-in, applied globally (including search/archive/single/informational pages). */
html[data-shah-theme="dark"]{
  --shah-page:#12171b;--shah-surface:#1d2429;--shah-surface-alt:#171e23;--shah-line:#303a40;
  --shah-ink:#edf1f3;--shah-muted:#adb9c0;--ink:#e9edef;--cv-navy:#eff2f3;--cv-canvas:#141a1e;--cv-white:#1d2429;
}
html[data-shah-theme="dark"] body{background:var(--shah-page);color:#e9eef0}
html[data-shah-theme="dark"] body p{color:#a9b5bc}
html[data-shah-theme="dark"] .site-header.shah-modern-header,html[data-shah-theme="dark"] .site-header.shah-modern-header.is-scrolled{background:#171d22;border-color:#2d3439;color:#eaf0f4}
html[data-shah-theme="dark"] .site-header.shah-modern-header .site-nav-list a{color:#c5d0d6}
html[data-shah-theme="dark"] .site-header.shah-modern-header .current-menu-item>a{color:#e6bb60}
html[data-shah-theme="dark"] .shah-header-icon,html[data-shah-theme="dark"] .shah-menu-toggle{background:#263038;color:#f3d48a;border-color:#43505a}
html[data-shah-theme="dark"] .site-header.shah-modern-header .shah-menu-toggle span{background:#eff1f2}
html[data-shah-theme="dark"] .shah-brand-dual .shah-brand-light{display:none!important}
html[data-shah-theme="dark"] .shah-brand-dual .shah-brand-dark{display:block!important}
html[data-shah-theme="dark"] .shah-icon-moon{display:none}
html[data-shah-theme="dark"] .shah-icon-sun{display:inline-flex}
html[data-shah-theme="dark"] .cv-section,html[data-shah-theme="dark"] .cv-stock,html[data-shah-theme="dark"] .cv-how,html[data-shah-theme="dark"] .cv-inventory,html[data-shah-theme="dark"] .cv-categories,html[data-shah-theme="dark"] .sh-promo-section,html[data-shah-theme="dark"] .single-main,html[data-shah-theme="dark"] .section{background:var(--shah-page);color:#eaf0f2}
html[data-shah-theme="dark"] .cv-stock,html[data-shah-theme="dark"] .cv-inventory{background:var(--shah-surface-alt)}
html[data-shah-theme="dark"] :is(.cv-benefits,.cv-category,.cv-step,.cv-stock .car-card,.cv-results-list .car-card,.cv-no-cars,.sh-demo-card,.detail-block,.inquiry-card,.inquiry-secondary,.cv-filters .sidebar-box,.cv-results-toolbar,.contact-panel,.contact-method,.story-card,.search-card,.sidebar-box){background:var(--shah-surface);border-color:var(--shah-line);color:#eaf0f2}
html[data-shah-theme="dark"] .cv-search-panel{background:#1c242a;color:#edf2f4}
html[data-shah-theme="dark"] .cv-search-panel h1{color:#fff}
html[data-shah-theme="dark"] .cv-vehicle-search .sh-make-trigger{color:#eef3f6}
html[data-shah-theme="dark"] .sh-make-picker.has-value .sh-make-trigger{color:#e3bd72}
html[data-shah-theme="dark"] .cv-search-panel>p{color:#aebdc5}
html[data-shah-theme="dark"] .cv-search-below span,html[data-shah-theme="dark"] .cv-section-head p,html[data-shah-theme="dark"] .cv-benefit p,html[data-shah-theme="dark"] .cv-step p,html[data-shah-theme="dark"] .sh-demo-heading p{color:#acb8bf}
html[data-shah-theme="dark"] .cv-vehicle-search .search-field,html[data-shah-theme="dark"] .search-field{background:#232e35;border-color:#3a464e;color:#eef2f3}
html[data-shah-theme="dark"] .cv-vehicle-search .search-field input,html[data-shah-theme="dark"] .cv-vehicle-search .search-field select,html[data-shah-theme="dark"] .search-field select{color:#eef3f6;background-color:transparent}
html[data-shah-theme="dark"] select option{background:#263039;color:#edf2f4}
html[data-shah-theme="dark"] :is(.cv-outline-action,.cv-inventory-banner,.cv-inventory-layout,.car-card-body,.page-body,.page-content,.single-main .detail-title,.cv-result-empty){background:var(--shah-surface-alt);color:#e9eef1;border-color:var(--shah-line)}
html[data-shah-theme="dark"] :is(.detail-price strong,.card-foot strong,.cv-stock .card-foot strong,.cv-results-list .card-foot strong,.detail-title h1,.cv-results-toolbar h2,.cv-category strong,.cv-step h3,.section-heading h2,.cv-section-head h2,.card-identity h3){color:#edf2f3}
html[data-shah-theme="dark"] :is(.cv-benefit+.cv-benefit,.cv-stock .card-foot,.cv-results-list .card-foot,.detail-block .block-head,.sh-demo-card,.contact-method){border-color:var(--shah-line)}
html[data-shah-theme="dark"] :is(.sh-demo-details span,.cv-stock .car-metas,.cv-results-list .car-metas,.single-main .breadcrumbs,.cv-inventory-banner p,.cv-stock .card-foot small,.detail-specs dd){color:#a9b7c0}
html[data-shah-theme="dark"] .cv-category:before{background:linear-gradient(110deg,#172027ef,#19262f53)}
html[data-shah-theme="dark"] .cv-category-icon{background:#303a3f;color:#e5b862}
html[data-shah-theme="dark"] .cv-step-icon,html[data-shah-theme="dark"] .cv-benefit-icon{background:#3a3428;color:#e7c370}
html[data-shah-theme="dark"] .sh-promo-card--dark{color:#fff}
html[data-shah-theme="dark"] .sh-promo-card:not(.sh-promo-card--dark){color:#172437}
html[data-shah-theme="dark"] .sh-promo-card:not(.sh-promo-card--dark) p{color:inherit}
html[data-shah-theme="dark"] .shah-language-panel{background:#222d35;color:#edf2f4;border-color:#3a4850}
html[data-shah-theme="dark"] .shah-language-title{border-color:#3a4850}
html[data-shah-theme="dark"] .shah-language-panel select{background:#26343e;color:#fff;border-color:#495961}
html[data-shah-theme="dark"] .shah-float-button:not(.shah-whatsapp-float){background:#27333c;color:#f0d083;border-color:#46545e}
html[data-shah-theme="dark"] .site-footer.shah-footer{background:#0e1317}
html[data-shah-theme="dark"] .site-header.shah-modern-header .site-nav{background:#171f25}
/* Responsive header, footer and anchored utilities. */
@media(max-width:1050px){
  .shah-header-inner{gap:14px}.site-header.shah-modern-header .site-nav-list{gap:13px}
  .site-header.shah-modern-header .site-nav-list a{font-size:12px}
  .shah-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 55px}
}
@media(max-width:900px){
 .site-header.shah-modern-header,.site-header.shah-modern-header.is-scrolled{height:76px}
 .site-header.shah-modern-header .site-nav{top:100%;background:#fff;border-top:1px solid #e7e9ea;padding:12px 20px 26px;max-height:calc(100dvh - 76px);overflow:auto}
 .site-header.shah-modern-header .site-nav-list{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .site-header.shah-modern-header .site-nav-list a{font-size:15px;padding:14px 10px}
 .site-header.shah-modern-header .shah-menu-toggle{display:flex;flex-direction:column;justify-content:center}
 .site-header.shah-modern-header .shah-menu-toggle span{flex:0 0 2px}
 .shah-footer-promo{padding:35px;flex-direction:column;align-items:flex-start}
 .shah-footer-promo-button{width:auto}
}
@media(max-width:680px){
 .shah-utility-bar{display:none}
 .site-header.shah-modern-header,.site-header.shah-modern-header.is-scrolled{height:70px}
 .shah-header-inner{gap:9px}
 .shah-brand-mark{max-width:122px;height:55px}.site-header.shah-modern-header .brand-image img{max-height:55px}
 .site-header.shah-modern-header .header-contact.shah-header-cta{padding:0;width:42px;height:42px;min-height:42px;font-size:0;border-radius:11px;display:grid;place-items:center}
 .site-header.shah-modern-header .header-contact.shah-header-cta span,.site-header.shah-modern-header .header-contact.shah-header-cta .shah-cta-arrow{display:none}
 .site-header.shah-modern-header .header-contact.shah-header-cta>.sh-icon{width:20px;height:20px}
 .shah-header-icon,.shah-menu-toggle{width:40px;height:40px}
 .shah-header-actions{gap:7px}
 .shah-footer-promo{margin-top:32px;margin-bottom:40px;padding:27px 24px;border-radius:19px}
 .shah-footer-promo h2{font-size:27px}.shah-footer-promo-button{width:100%}
 .shah-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;padding-bottom:40px}
 .shah-footer-about{grid-column:1/-1}.shah-footer-column h3{margin:5px 0 10px}
 .shah-footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
 .shah-translate-dock{left:14px;bottom:15px}.shah-float-actions{right:14px;bottom:15px}
 .shah-float-button{width:45px;height:45px;border-radius:14px}.shah-float-button .sh-icon{width:21px;height:21px}
}
@media(max-width:380px){.shah-footer-grid{grid-template-columns:1fr}.shah-footer-about{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.shah-modern-header,.shah-float-button,.shah-footer-promo-button{transition:none!important}}
