/* =============================================================================
   95 Auto Club — Luxury details
   Ivory headings, warm surfaces, metallic gold, film grain, showroom spotlight,
   hairline labels instead of pills, brand marquee, fact strip.
   Loaded site-wide when "Luxury details" is enabled.
   ============================================================================= */

:root{
  --ac-ivory:#F4EFE6;
  --ac-ivory-2:#E7E1D6;
  --ac-gold-hi:#F1D57F;
  --ac-gold:#D4AF37;
  --ac-gold-lo:#B08D2A;
  --ac-gold-grad:linear-gradient(180deg,#EAC96A 0%,#D4AF37 52%,#B99430 100%);
  --ac-gold-grad-hover:linear-gradient(180deg,#F3D983 0%,#DDB945 52%,#C09B34 100%);
  --ac-gold-text:linear-gradient(180deg,#F3DA86 0%,#D4AF37 58%,#B8952D 100%);
}

/* ---------- Ivory instead of stark white on headings (children keep their own colors, e.g. gold words) ---------- */
h1,h2,h3,h4,.elementor-heading-title,.elementor-icon-box-title,
.c4s h1.c4s-single__title,.c4s h2.c4s-title,.c4s h3.c4s-card__title,.c4s h3.c4s-form__title,.c4s .c4s-bottom__text strong,.c4s .c4s-spec dd,.c4s .c4s-location__addr b{
  color:var(--ac-ivory)!important;
}
.c4s h3.c4s-card__title a{color:var(--ac-ivory)!important}
.c4s h3.c4s-card__title a:hover{color:var(--ac-gold-hi)!important}

/* ---------- Warm the Cars for Sale surfaces ---------- */
.c4s{
  --c4s-card:linear-gradient(180deg,#1a1814 0%,#0e0d0b 100%);
  --c4s-text:#F4EFE6;
  --c4s-muted:rgba(244,239,230,.62);
  --c4s-faint:rgba(244,239,230,.42);
  --c4s-line:rgba(244,239,230,.09);
}
.c4s .c4s-intro,.c4s .c4s-single__tagline,.c4s .c4s-card__excerpt,.c4s .c4s-location__addr span,.c4s .c4s-bottom__text span{color:var(--c4s-muted)!important}
.c4s .c4s-location__val,.c4s .c4s-perks li,.c4s .c4s-highlights li,.c4s .c4s-single__desc{color:var(--ac-ivory-2)!important}
.c4s-elementor-section{border-top:1px solid rgba(212,175,55,.16)}

/* ---------- Metallic gold: buttons ---------- */
.ac-gold,.c4s .c4s-btn--gold,.c4s .c4s-btn.c4s-btn--gold{
  background:var(--ac-gold-grad)!important;
  background-color:#D4AF37!important;
  color:#181300!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(0,0,0,.18),0 12px 26px -14px rgba(212,175,55,.7)!important;
  border-color:transparent!important;
}
.ac-gold:hover,.c4s .c4s-btn--gold:hover,.c4s .c4s-btn.c4s-btn--gold:hover{
  background:var(--ac-gold-grad-hover)!important;background-color:#DDB945!important;color:#181300!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.18),0 16px 32px -14px rgba(212,175,55,.85)!important;
}
.ac-gold *{color:inherit!important}
.c4s button.c4s-chip.is-active{background:var(--ac-gold-grad)!important;color:#181300!important}

/* ---------- Metallic gold: big numbers & prices ---------- */
.ac-gold-text,.c4s .c4s-price,.c4s .c4s-price__cur,.c4s .c4s-pricebox__price .c4s-price{
  background:var(--ac-gold-text);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#D4AF37;
}
.c4s .c4s-price--call{background:none;-webkit-text-fill-color:currentColor;color:#D4AF37}

/* ---------- Film grain over the dark canvas ---------- */
body::after{
  content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  background-size:180px 180px;mix-blend-mode:overlay;
}
body.elementor-editor-active::after{display:none}

/* ---------- Showroom spotlight ---------- */
.ac-hero{position:relative}
.ac-spot{
  position:absolute;left:50%;top:-12%;width:80vw;max-width:1200px;height:70%;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(212,175,55,.22) 0%,rgba(212,175,55,.07) 35%,rgba(212,175,55,0) 65%);
  pointer-events:none;z-index:1;mix-blend-mode:screen;
}
.c4s-showroom,.c4s-teaser,.c4s-location{position:relative}
.c4s-showroom::before,.c4s-teaser::before,.c4s-location::before{
  content:"";position:absolute;left:50%;top:-40px;width:60vw;max-width:900px;height:320px;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(212,175,55,.12) 0%,rgba(212,175,55,0) 65%);pointer-events:none;z-index:0;
}
.c4s-showroom>*,.c4s-teaser>*,.c4s-location>*{position:relative;z-index:1}
.c4s .c4s-card--featured{box-shadow:0 0 0 1px rgba(212,175,55,.28),0 40px 90px -40px rgba(212,175,55,.35)}

/* ---------- Hairline labels instead of pills ---------- */
.ac-pill,a.ac-pill.elementor-button,.elementor-button-wrapper .ac-pill,.c4s .c4s-eyebrow{
  background:transparent!important;background-image:none!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;
  display:inline-flex!important;align-items:center!important;gap:12px!important;
  font-size:11px!important;letter-spacing:.24em!important;text-transform:uppercase!important;font-weight:600!important;
  color:var(--ac-gold)!important;line-height:1.4!important;
}
.ac-pill::before,.c4s .c4s-eyebrow::before{content:"";display:inline-block;width:28px;height:1px;background:var(--ac-gold);opacity:.85;flex:none}
.ac-pill::after{content:"";display:inline-block;width:28px;height:1px;background:var(--ac-gold);opacity:.85;flex:none}
.ac-pill:hover,a.ac-pill.elementor-button:hover{background:transparent!important;color:var(--ac-gold-hi)!important;transform:none!important}
.ac-pill .elementor-button-content-wrapper,.ac-pill .elementor-button-text{font-size:11px!important;letter-spacing:.24em!important;color:inherit!important}
.c4s-head .c4s-eyebrow::after{content:"";display:inline-block;width:28px;height:1px;background:var(--ac-gold);opacity:.85;flex:none}
.c4s .c4s-eyebrow--pending{color:#f0b64a!important}
.c4s .c4s-eyebrow--pending::before,.c4s .c4s-eyebrow--pending::after{background:#f0b64a}
.c4s .c4s-eyebrow--sold{color:rgba(244,239,230,.7)!important}
.c4s .c4s-eyebrow--sold::before,.c4s .c4s-eyebrow--sold::after{background:rgba(244,239,230,.5)}

/* ---------- Brand marquee ---------- */
.c4s-marquee{
  overflow:hidden;padding:20px 0;
  border-top:1px solid rgba(212,175,55,.18);border-bottom:1px solid rgba(212,175,55,.18);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.c4s-marquee__track{display:flex;width:max-content;animation:c4sMarquee 90s linear infinite;will-change:transform}
.c4s-marquee:hover .c4s-marquee__track{animation-play-state:paused}
.c4s-marquee__item{
  display:flex;align-items:center;gap:34px;padding:0 17px;white-space:nowrap;
  font-size:13px;letter-spacing:.34em;text-transform:uppercase;font-weight:500;color:rgba(244,239,230,.72);
}
.c4s-marquee__item::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--ac-gold);opacity:.85;flex:none}
@keyframes c4sMarquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.c4s-marquee__track{animation:none}}

/* ---------- Fact strip ---------- */
.c4s-facts{margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(212,175,55,.18);border-radius:16px;overflow:hidden;background:rgba(244,239,230,.02)}
.c4s-facts__item{padding:26px 22px;border-right:1px solid rgba(244,239,230,.08);text-align:center}
.c4s-facts__item:last-child{border-right:0}
.c4s-facts__value{display:block;font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1;margin-bottom:8px;
  background:var(--ac-gold-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#D4AF37}
.c4s-facts__label{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,239,230,.55);font-weight:500}
@media (max-width:900px){.c4s-facts{grid-template-columns:repeat(2,1fr)}.c4s-facts__item:nth-child(2n){border-right:0}.c4s-facts__item:nth-child(-n+2){border-bottom:1px solid rgba(244,239,230,.08)}}
@media (max-width:520px){.c4s-facts__value{font-size:28px}.c4s-facts__item{padding:20px 14px}}

/* ---------- Header / navigation ---------- */
[data-elementor-type=header] > .e-con,[data-elementor-type=header] > .elementor-section{
  border-bottom:1px solid rgba(212,175,55,.14)!important;
  transition:background-color .35s ease,box-shadow .35s ease,padding .35s ease;
}
body.ac95-scrolled [data-elementor-type=header] > .e-con.elementor-sticky--active,
body.ac95-scrolled [data-elementor-type=header] > .elementor-sticky--active,
body.ac95-scrolled [data-elementor-type=header] > .e-con.elementor-sticky--effects,
body.ac95-scrolled [data-elementor-type=header] > .elementor-sticky--effects{
  background-color:rgba(6,6,6,.78)!important;
  box-shadow:0 20px 50px -30px rgba(0,0,0,.8);
  /* No backdrop-filter on the fixed element itself: iOS Safari mis-positions fixed
     layers that carry a backdrop-filter when its toolbar collapses on scroll.
     The blur lives on the absolutely-positioned ::after layer below instead. */
}
body.ac95-scrolled [data-elementor-type=header] > .elementor-sticky--active::after,
body.ac95-scrolled [data-elementor-type=header] > .elementor-sticky--effects::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
}
[data-elementor-type=header] .elementor-nav-menu--main .elementor-item{
  font-size:12px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:600!important;
  color:rgba(244,239,230,.8)!important;padding:12px 6px!important;position:relative;transition:color .3s ease;
  background:none!important;
}
[data-elementor-type=header] .elementor-nav-menu--main > li{margin:0 12px!important}
[data-elementor-type=header] .elementor-nav-menu--main .elementor-item::before{display:none!important}
[data-elementor-type=header] .elementor-nav-menu--main .elementor-item::after{
  content:""!important;position:absolute!important;left:6px!important;right:6px!important;bottom:6px!important;top:auto!important;height:1px!important;width:auto!important;
  background:linear-gradient(90deg,#F1D57F,#D4AF37)!important;transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.2,.7,.2,1)!important;
  opacity:1!important;border:0!important;
}
[data-elementor-type=header] .elementor-nav-menu--main .elementor-item:hover,
[data-elementor-type=header] .elementor-nav-menu--main .elementor-item:focus{color:#F4EFE6!important}
[data-elementor-type=header] .elementor-nav-menu--main .elementor-item:hover::after,
[data-elementor-type=header] .elementor-nav-menu--main .elementor-item:focus::after,
[data-elementor-type=header] .elementor-nav-menu--main .elementor-item.elementor-item-active::after{transform:scaleX(1)}
[data-elementor-type=header] .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#E8C766!important}
[data-elementor-type=header] .elementor-nav-menu--main .elementor-item.highlighted{background:none!important}
[data-elementor-type=header] .elementor-widget-image img{filter:drop-shadow(0 6px 18px rgba(212,175,55,.25))}
/* Mobile dropdown */
[data-elementor-type=header] .elementor-nav-menu--dropdown{background:rgba(8,8,8,.96)!important;border-top:1px solid rgba(212,175,55,.2)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
[data-elementor-type=header] .elementor-nav-menu--dropdown .elementor-item{
  font-size:13px!important;letter-spacing:.2em!important;text-transform:uppercase!important;font-weight:600!important;color:#F4EFE6!important;
  padding:18px 24px!important;border-bottom:1px solid rgba(244,239,230,.06)!important;
}
[data-elementor-type=header] .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{color:#E8C766!important}
[data-elementor-type=header] .elementor-menu-toggle{color:#F4EFE6!important;border:1px solid rgba(212,175,55,.35)!important;border-radius:10px!important;padding:8px 10px!important}