/* Global Empire — final interface refinement, additive to the Imperial design. */
:root{--focus-gold:#f2d28f}
html{scroll-padding-top:90px}
body{overflow-x:hidden}
.skip-link{position:absolute;top:-100px;left:14px;z-index:100;background:#f2d28f;color:#16120b;padding:12px 18px;font-weight:700}
.skip-link:focus{top:12px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-wrap{box-shadow:0 10px 30px #0002}
.language-toggle,.menu-toggle,.filter,.btn{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}
.language-toggle:focus-visible,.btn:focus-visible,.filter:focus-visible{outline:2px solid var(--focus-gold);outline-offset:4px}
.btn{border-radius:2px}
.car{transition:border-color .25s,box-shadow .25s,transform .25s}
.car:hover{box-shadow:0 18px 42px #0005;transform:translateY(-3px)}
.car-image:focus-visible,.vehicle-wa:focus-visible{outline:3px solid var(--focus-gold);outline-offset:-3px}
.car-image img{transition:transform .5s ease}
.car-image:hover img{transform:scale(1.04)}
/* Keep the main fleet intentionally editorial: detailed specs live on each car page. */
#fleet .car-content > .details{display:none}
.car .btn.outline{margin-bottom:2px}
.booking-panel:focus-within{border-color:#897044;box-shadow:0 0 0 1px #89704430}
.booking-panel input:focus,.booking-panel select:focus,.booking-panel textarea:focus,.hero-booking input:focus,.hero-booking select:focus{outline:1px solid #cba761;outline-offset:1px;border-color:#d3b274}
.faq-list details[open]{border-color:#9b804c}
.faq-list summary{min-height:44px;display:flex;align-items:center}
.footer a:focus-visible{color:var(--focus-gold)}
.contact-dock a{transition:transform .2s,filter .2s}
.contact-dock a:hover{transform:translateY(-2px)}
.contact-dock a:active{transform:scale(.94)}
.footer-social{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.footer-social a{border-bottom:1px solid #9b7d48;padding-bottom:3px;color:#e7c987!important}
@media(max-width:760px){
 html{scroll-padding-top:24px}
 .car:hover{transform:none}
 .car-image:hover img{transform:none}
 .contact-dock{right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 .section-heading{max-width:100%}
 .booking-panel{scroll-margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.car,.car-image img,.contact-dock a,.btn{transition:none!important}}