/* RABIBA CARS | Black & Gold theme — original logo imagery never recoloured */
:root {
  --ink:#19191a; --muted:#6e6a62; --forest:#121113; --deep:#08090c;
  --accent:#b58b49; --cream:#f8f6f0; --line:#e7e0d4;
  --shadow:0 18px 52px rgba(36,29,16,.10);
}
body{background:#f9f7f2;color:var(--ink)}
.announcement{background:#050506;border-bottom:1px solid #54402a;color:#ddc6a0}
.announcement-right{color:#edcf91}
.small-dot,.eyebrow-line{background:#d4a85a}
.site-header{height:126px;background:#09090a;box-shadow:0 2px 10px #0004;position:sticky;top:0;z-index:20}
.header-inner{min-height:100%;gap:22px}
.has-dealer-logo .brand{gap:0;flex-shrink:0}
.has-dealer-logo .brand-mark{width:159px;height:120px;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;border:0;border-radius:0;overflow:hidden}
.has-dealer-logo .brand-mark img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;padding:0;filter:none}
.has-dealer-logo .brand-text{display:none}
.navigation{gap:23px}
.navigation a{color:#eae4da;font-size:12px;font-weight:700;white-space:nowrap}
.navigation a.active,.navigation a:hover{color:#efc87b}
.navigation a.active:after{background:#d2a65b}
.button-dark,.button-accent{background:linear-gradient(130deg,#b18442,#efd08a 50%,#b78945);color:#18130d;border:1px solid #d3ae71;box-shadow:0 8px 21px #00000020}
.button-dark:hover,.button-accent:hover{background:linear-gradient(130deg,#d9b36c,#f7e0a3);color:#120f0b}
.header-contact{min-height:44px;white-space:nowrap}
.hero{background:#08090b}
.hero:after{background:linear-gradient(0deg,#08090bcc 0%,transparent 35%,transparent 82%,#08090b55 100%)}
.hero-copy .eyebrow{color:#e8cb98}
.hero h1 em,.banner-content h2 em{color:#f2d391}
.hero-copy p{color:#f3ece2}
.slide-dots button.current{background:#dcb56e}
.hero-controls button:hover{background:#bd9250;color:#130f0c}
.value-strip{background:#fffdf8;border-bottom-color:#e9e0d3}
.value-grid strong{color:#2c241b}
.value-icon{color:#c19a57}
.inventory-section,.contact-section{background:#faf9f6}
.section-heading h2 em,.contact-info h2 em{color:#a97d3a}
.eyebrow{color:#ad813f}
.section-heading p{color:#6e6a64}
.count-tag{background:#fffdf7;border-color:#e8dfcc;color:#6a522f}
.filter-panel{border-color:#e8dfd3}
.search-field:focus-within,.select-wrap:focus-within{border-color:#bf954a;box-shadow:0 0 0 3px #c99d4921}
.clear-button{color:#9b6b2b}
.car-card{border-color:#e9e2d8;background:#fff}
.car-card:hover{border-color:#c5a069;box-shadow:0 23px 54px #26180d25}
.car-status{background:#b48748;color:#18120d;box-shadow:0 4px 15px #0005}
.car-status.upcoming{background:#272320;color:#f1d498}
.car-status.sold{background:#131314;color:#f5d18a;border:1px solid #d7aa57;letter-spacing:.14em;font-size:11px;padding:10px 14px;box-shadow:0 6px 26px #0009}
.car-card.is-sold{border-color:#dbc39c}
/* Deliberately do NOT fade sold vehicle photos or remove price/specs */
.car-card.is-sold .car-img-wrap img{filter:none;opacity:1}
.car-card.is-sold .car-price small{color:#886a37;font-weight:800}
.car-year,.car-price{color:#a77736}
.car-spec{background:#faf8f3;border-color:#f0e9dd;color:#625849}
.car-bottom button{background:#bb904d;color:#15120d;box-shadow:none}
.car-bottom button:hover{background:#efcf89}
.banner-section,.upcoming-section,.footer{background:#0b0b0d}
.banner-section:before{background-image:linear-gradient(90deg,#0b0b0d 0%,#0b0b0da0 48%,#0b0b0d40 100%),url('assets/images/showroom-hero.jpg')}
.banner-content p,.upcoming-section .section-heading p{color:#d3c9b9}
.upcoming-section .count-tag{background:#202021;color:#f0d6a5;border-color:#736044}
.upcoming-section .eyebrow{color:#ebc77c}
.contact-symbol{color:#b18b50;background:#fffcf5;border-color:#eee1ce}
.contact-lines strong{color:#312719}
.form-card{border-color:#eadfcf;background:#fffefd}
.form-card label span{color:#a77736}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#bc924d;box-shadow:0 0 0 3px #bc924d24}
.footer{border-top:1px solid #5a4830}
.brand-footer .brand-mark{background:transparent}
.has-dealer-logo .brand-footer .brand-mark{width:214px;height:178px}
.brand-footer .brand-text small{color:#e8c781}
.footer-bottom{border-top-color:#544635;color:#c2b59f}
.footer-main a:not(.brand):not(.button):hover{color:#e5be76}
.dialog-price,.dialog-detail .eyebrow{color:#9e7535}
.dialog-thumbs button.selected{border-color:#bd934e}
.car-dialog::backdrop{background:#090909bc}
.toast{background:#171411;color:#f0dab2}
@media(max-width:1100px){.navigation{gap:14px}.navigation a{font-size:11px}.header-inner{gap:13px}.has-dealer-logo .brand-mark{width:141px;height:111px}}
@media(max-width:850px){
 .site-header{height:95px}
 .navigation{top:95px;background:#111113;border-top:1px solid #5d492a;box-shadow:0 16px 32px #0008}
 .navigation a{color:#f2e6d5;padding:13px 10px}
 .navigation a.active{color:#f5d092}
 .mobile-menu{color:#e5c586}
 .mobile-menu span{background:#e5c586}
 .has-dealer-logo .brand-mark{width:121px;height:90px}
}
@media(max-width:580px){
 .site-header{height:83px}
 .navigation{top:83px}
 .has-dealer-logo .brand-mark{width:111px;height:81px}
 .has-dealer-logo .brand-footer .brand-mark{width:152px;height:132px}
 .announcement{font-size:8px}
 .hero-copy{padding-top:105px}
 .hero h1 em{color:#f9dca0}
 .header-contact{display:none}
 .car-status.sold{font-size:10px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.car-card,.car-img-wrap img,.hero-slide{transition:none!important}}