
/* ============================================================
   AC Car Single - brand styled car detail page
   Primary: #10B981  Dark: #0F172A  Muted: #64748B
   ============================================================ */
.acs-wrap{
  --acs-primary:#10B981; --acs-primary-dark:#059669; --acs-primary-soft:rgba(16,185,129,.10);
  --acs-dark:#0F172A; --acs-mid:#334155; --acs-muted:#64748B; --acs-line:#E7EDF3;
  --acs-bg:#F1F5F9; --acs-radius:16px;
  display:block; width:100%; box-sizing:border-box;
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--acs-dark); line-height:1.5; -webkit-font-smoothing:antialiased;
}
.acs-wrap *,.acs-wrap *::before,.acs-wrap *::after{box-sizing:border-box;}
.acs-wrap h1,.acs-wrap h2,.acs-wrap h3,.acs-wrap h4,.acs-wrap p,.acs-wrap ul,.acs-wrap li{margin:0;padding:0;}
.acs-wrap ul{list-style:none;}
.acs-wrap img{max-width:100%;display:block;}
.acs-a{color:inherit;text-decoration:none;}

/* ---------- Gallery ---------- */
.acs-gallery{position:relative;border-radius:var(--acs-radius);overflow:hidden;background:var(--acs-bg);}
.acs-gallery-main{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--acs-bg);cursor:zoom-in;}
.acs-gallery-main img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.acs-gallery-main:hover img{transform:scale(1.02);}
.acs-gallery-count{position:absolute;top:12px;right:12px;background:rgba(15,23,42,.72);color:#fff;font-size:13px;font-weight:700;padding:4px 10px;border-radius:99px;backdrop-filter:blur(4px);}
.acs-gallery-thumbs{display:flex;gap:10px;padding:12px;overflow-x:auto;background:#fff;}
.acs-thumb{flex:0 0 88px;width:88px;height:64px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:var(--acs-bg);cursor:pointer;padding:0;transition:border-color .15s ease,transform .15s ease;}
.acs-thumb img{width:100%;height:100%;object-fit:cover;}
.acs-thumb:hover{transform:translateY(-1px);}
.acs-thumb.is-active{border-color:var(--acs-primary);}
.acs-gallery-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#EEF2F6 0%,#E2E8F0 100%);color:#94A3B8;font-weight:600;font-size:14px;}
.acs-gallery-placeholder svg{width:64px;height:64px;opacity:.7;}
.acs-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(8,12,22,.9);display:none;align-items:center;justify-content:center;padding:24px;}
.acs-lightbox.open{display:flex;}
.acs-lightbox img{max-width:92vw;max-height:88vh;border-radius:12px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);}
.acs-lightbox-close{position:absolute;top:18px;right:22px;width:42px;height:42px;border-radius:99px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:22px;cursor:pointer;}

/* ---------- Section heading ---------- */
.acs-h{font-size:20px;font-weight:800;color:var(--acs-dark);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.acs-h::before{content:"";width:4px;height:20px;border-radius:3px;background:var(--acs-primary);}
.acs-sub{font-size:14.5px;color:var(--acs-muted);margin:-8px 0 14px;}

/* ---------- Key details ---------- */
.acs-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.acs-spec{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--acs-line);border-radius:12px;transition:border-color .15s ease,box-shadow .15s ease;}
.acs-spec:hover{border-color:var(--acs-primary);box-shadow:0 10px 24px -16px rgba(15,23,42,.35);}
.acs-spec-ic{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:var(--acs-primary-soft);color:var(--acs-primary-dark);display:flex;align-items:center;justify-content:center;font-size:17px;}
.acs-spec-tx{min-width:0;}
.acs-spec-lb{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--acs-muted);}
.acs-spec-vl{display:block;font-size:15px;font-weight:700;color:var(--acs-dark);overflow:hidden;text-overflow:ellipsis;}
.acs-spec-vl.is-empty{color:#94A3B8;font-weight:600;font-style:italic;}

/* ---------- Description ---------- */
.acs-desc{font-size:15px;color:var(--acs-mid);line-height:1.75;white-space:pre-line;}
.acs-desc.is-empty{color:#94A3B8;font-style:italic;}

/* ---------- Price card ---------- */
.acs-price-title{font-size:22px;font-weight:800;line-height:1.3;color:var(--acs-dark);}
.acs-price-model{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;color:var(--acs-muted);}
.acs-price-model i{color:var(--acs-primary);}
.acs-divider{height:1px;background:var(--acs-line);margin:16px 0;}
.acs-price-lb{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--acs-muted);}
.acs-price-vl{font-size:32px;font-weight:800;color:var(--acs-dark);line-height:1.15;margin-top:4px;}
.acs-price-vl sup{font-size:16px;font-weight:700;color:var(--acs-primary);top:-.7em;margin-right:2px;}
.acs-price-vl small{font-size:13px;font-weight:700;color:var(--acs-muted);margin-left:6px;}
.acs-price-vl.is-empty{font-size:20px;color:#94A3B8;font-style:italic;font-weight:700;}

/* ---------- Buttons ---------- */
.acs-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px 16px;border-radius:11px;font-size:14px;font-weight:700;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;}
.acs-btn:active{transform:translateY(1px);}
.acs-btn-wa{background:var(--acs-primary);color:#fff;box-shadow:0 10px 24px -12px rgba(16,185,129,.75);}
.acs-btn-wa:hover{background:var(--acs-primary-dark);color:#fff;}
.acs-btn-dark{background:var(--acs-dark);color:#fff;}
.acs-btn-dark:hover{background:#1e293b;color:#fff;}
.acs-btn-ghost{background:#fff;color:var(--acs-mid);border-color:#CFD6E0;}
.acs-btn-ghost:hover{background:#F1F4F7;color:var(--acs-dark);}
.acs-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.acs-actions .acs-btn-full{grid-column:1/-1;}

/* ---------- Seller ---------- */
.acs-seller-head{display:flex;align-items:center;gap:14px;}
.acs-avatar{flex:0 0 54px;width:54px;height:54px;border-radius:99px;background:var(--acs-primary-soft);color:var(--acs-primary-dark);display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid #fff;box-shadow:0 6px 16px -8px rgba(15,23,42,.4);}
.acs-seller-name{font-size:17px;font-weight:800;color:var(--acs-dark);}
.acs-seller-area{font-size:13.5px;color:var(--acs-muted);display:flex;align-items:center;gap:6px;margin-top:2px;}
.acs-seller-rows{display:flex;flex-direction:column;gap:2px;margin-top:4px;}
.acs-seller-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--acs-line);}
.acs-seller-row:last-child{border-bottom:0;}
.acs-seller-row i{flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:var(--acs-primary-soft);color:var(--acs-primary-dark);display:flex;align-items:center;justify-content:center;font-size:14px;}
.acs-seller-row .acs-lb{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--acs-muted);}
.acs-seller-row .acs-vl{display:block;font-size:14.5px;font-weight:700;color:var(--acs-dark);word-break:break-word;}
.acs-seller-row a.acs-vl{text-decoration:none;}
.acs-seller-row a.acs-vl:hover{color:var(--acs-primary-dark);}

/* ---------- Locked card ---------- */
.acs-lock{text-align:center;padding:6px 2px 2px;}
.acs-lock-ic{width:58px;height:58px;margin:0 auto 14px;border-radius:99px;background:var(--acs-primary-soft);color:var(--acs-primary-dark);display:flex;align-items:center;justify-content:center;font-size:24px;}
.acs-lock-title{font-size:18px;font-weight:800;color:var(--acs-dark);}
.acs-lock-text{font-size:14px;color:var(--acs-muted);margin:8px 0 16px;}
.acs-lock-list{display:flex;flex-direction:column;gap:9px;text-align:left;margin:0 0 18px;}
.acs-lock-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--acs-mid);font-weight:600;}
.acs-lock-list i{color:var(--acs-primary);font-size:13px;}
.acs-lock-note{font-size:13.5px;color:var(--acs-muted);margin-top:10px;}
.acs-lock-note a{color:#047857;font-weight:700;text-decoration:underline;}
.acs-lock-note a:hover{color:var(--acs-primary-dark);}
.acs-blur{filter:blur(6px);user-select:none;pointer-events:none;}

/* ---------- Inquiry form ---------- */
.acs-form{margin-top:6px;display:flex;flex-direction:column;gap:10px;}
.acs-form input,.acs-form textarea{width:100%;padding:12px 14px;border:1px solid #CFD6E0;border-radius:10px;font-size:14px;font-family:inherit;color:var(--acs-dark);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease;}
.acs-form input:focus,.acs-form textarea:focus{border-color:var(--acs-primary);box-shadow:0 0 0 3px rgba(16,185,129,.16);}
.acs-form textarea{resize:vertical;min-height:92px;}
.acs-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.acs-form-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.acs-form-msg{font-size:13px;font-weight:700;border-radius:9px;padding:10px 12px;display:none;}
.acs-form-msg.ok{display:block;background:#ECFDF5;color:#047857;border:1px solid #A7F3D0;}
.acs-form-msg.err{display:block;background:#FEF2F2;color:#B91C1C;border:1px solid #FECACA;}

/* ---------- Related ---------- */
.acs-rel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.acs-rel-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--acs-line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 16px 36px -20px rgba(15,23,42,.25);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.acs-rel-card:hover{transform:translateY(-4px);border-color:var(--acs-primary);box-shadow:0 22px 44px -20px rgba(15,23,42,.32);}
.acs-rel-thumb{position:relative;width:100%;aspect-ratio:16/10;background:var(--acs-bg);overflow:hidden;}
.acs-rel-thumb img{width:100%;height:100%;object-fit:cover;}
.acs-rel-price{position:absolute;bottom:10px;left:10px;background:rgba(15,23,42,.82);color:#fff;font-size:13px;font-weight:800;padding:4px 10px;border-radius:99px;backdrop-filter:blur(4px);}
.acs-rel-body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:6px;}
.acs-rel-name{font-size:15px;font-weight:800;line-height:1.35;color:var(--acs-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.acs-rel-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;}
.acs-rel-chip{font-size:12px;font-weight:700;color:var(--acs-mid);background:var(--acs-bg);padding:3px 9px;border-radius:99px;display:inline-flex;align-items:center;gap:5px;}
.acs-rel-chip i{color:var(--acs-primary);font-size:11px;}
.acs-empty{grid-column:1/-1;text-align:center;color:var(--acs-muted);font-size:14px;padding:26px;border:1px dashed #CBD5E1;border-radius:14px;background:#fff;}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .acs-rel-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
  .acs-specs{grid-template-columns:1fr;}
  .acs-rel-grid{grid-template-columns:1fr;gap:14px;}
  .acs-price-title{font-size:19px;}
  .acs-price-vl{font-size:27px;}
}


/* ---------- Layout cards (used inside Elementor containers) ---------- */
.acs-card{background:#fff;border:1px solid var(--acs-line);border-radius:var(--acs-radius);padding:20px;box-shadow:0 14px 34px -28px rgba(15,23,42,.45);}
.acs-card .acs-h:first-child{margin-top:0;}
@media (max-width:600px){.acs-card{padding:15px;border-radius:14px;}}
.acs-related-sec{margin-top:0;}
.acs-rel-grid{margin-top:2px;}

/* ---------- Button / control resets (theme overrides) ---------- */
.acs-wrap button.acs-thumb{border:2px solid transparent !important;background:#fff !important;padding:0 !important;border-radius:10px !important;box-shadow:none !important;overflow:hidden !important;line-height:0 !important;}
.acs-wrap button.acs-thumb.is-active,.acs-wrap button.acs-thumb:hover{border-color:var(--acs-primary) !important;}
.acs-wrap a.acs-btn,.acs-wrap button.acs-btn{border-style:solid !important;border-width:1px !important;text-decoration:none !important;outline:none !important;box-shadow:none !important;font-family:inherit !important;}
.acs-wrap a.acs-btn-wa,.acs-wrap button.acs-btn-wa{background:var(--acs-primary) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 10px 24px -12px rgba(16,185,129,.75) !important;}
.acs-wrap a.acs-btn-wa:hover,.acs-wrap button.acs-btn-wa:hover{background:var(--acs-primary-dark) !important;color:#fff !important;}
.acs-wrap a.acs-btn-dark,.acs-wrap button.acs-btn-dark{background:var(--acs-dark) !important;color:#fff !important;border-color:transparent !important;}
.acs-wrap a.acs-btn-dark:hover,.acs-wrap button.acs-btn-dark:hover{background:#1e293b !important;color:#fff !important;}
.acs-wrap a.acs-btn-ghost,.acs-wrap button.acs-btn-ghost{background:#fff !important;color:var(--acs-mid) !important;border-color:#CFD6E0 !important;}
.acs-wrap a.acs-btn-ghost:hover,.acs-wrap button.acs-btn-ghost:hover{background:#F1F4F7 !important;color:var(--acs-dark) !important;}
.acs-wrap .acs-form input,.acs-wrap .acs-form textarea{box-shadow:none !important;border-width:1px;border-style:solid;border-color:#CFD6E0;background:#fff;}
.acs-wrap .acs-form input:focus,.acs-wrap .acs-form textarea:focus{border-color:var(--acs-primary) !important;}


/* ---------- Car name / model header (below gallery) ---------- */
.acs-head-card{padding:22px 24px;}
.acs-car-name{font-size:26px;font-weight:800;line-height:1.25;color:var(--acs-dark);margin:0;}
.acs-car-model{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:15px;font-weight:600;color:var(--acs-muted);}
.acs-car-model i{color:var(--acs-primary);font-size:14px;}

/* ---------- Price card (sidebar) ---------- */
.acs-price-card{padding:20px 22px;}

/* ---------- Fixed image framing: uniform height + object-fit cover ---------- */
.acs-wrap .acs-gallery-main{height:460px;aspect-ratio:auto;overflow:hidden;}
.acs-wrap .acs-gallery-main img{width:100% !important;height:460px !important;object-fit:cover !important;object-position:center center !important;}
.acs-wrap .acs-gallery-placeholder{height:460px;aspect-ratio:auto;}
.acs-wrap .acs-thumb{height:64px !important;}
.acs-wrap .acs-thumb img{width:100% !important;height:64px !important;object-fit:cover !important;}
.acs-wrap .acs-rel-thumb{height:172px;aspect-ratio:auto;}
.acs-wrap .acs-rel-thumb img{width:100% !important;height:172px !important;object-fit:cover !important;object-position:center center !important;}

/* ---------- Sticky sidebar ---------- */
.elementor-element-acsr0007.e-con{align-self:flex-start !important;position:sticky !important;top:96px;}

/* ---------- Form note ---------- */
.acs-sent-as{font-size:12px;color:var(--acs-muted);margin-top:2px;}

@media (max-width:1024px){
  .elementor-element-acsr0007.e-con{position:static !important;top:auto;}
}
@media (max-width:767px){
  .acs-wrap .acs-gallery-main,.acs-wrap .acs-gallery-placeholder{height:300px;}
  .acs-wrap .acs-gallery-main img{height:300px !important;}
  .acs-wrap .acs-rel-thumb,.acs-wrap .acs-rel-thumb img{height:190px !important;}
  .acs-car-name{font-size:21px;}
}

/* ---------- Readability pass (2026-10) ---------- */
/* 1) Ascending font sizes on the smallest labels so nothing renders below ~12px. */
/* 2) Higher-contrast member-lock footnote + brand-coloured "Sign in" link.       */
.acs-lock-note a{color:#047857;}
/* 3) The Chaty float widget sat on top of the "Already a member?" line on car
      pages. Keep it in the corner and drop its redundant text label.            */
body.single-cars .chaty-widget{right:0 !important;left:auto !important;}
body.single-cars .chaty-widget .on-hover-text{display:none !important;}
/* 4) Keep the small labels legible on phones too. */
@media (max-width:767px){
  .acs-spec-lb,.acs-price-lb,.acs-rel-chip,.acs-seller-row .acs-lb{font-size:12.5px;}
  .acs-lock-list li{font-size:14.5px;}
  .acs-lock-note{font-size:14px;}
}
