/* ==============================
   AD ENTERPRISE V1.1.4
   (Injected markup inside car-classified/ad.php)
============================== */

/* Prevent sticky overlay */
.car-cc-adp{padding-bottom:92px;}

/* Sticky Action Bar */
.cc-ad-sticky{
position:fixed;
bottom:0;
left:0;
right:0;
background:#ffffff;
box-shadow:0 -4px 20px rgba(0,0,0,0.08);
padding:14px 16px;
display:none;
z-index:9999;
}
.cc-ad-sticky__wrap{
max-width:1200px;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.cc-ad-sticky__price{
font-size:22px;
font-weight:800;
letter-spacing:-0.2px;
}
.cc-ad-sticky__btn{
background:#2563eb;
color:#fff;
border:0;
padding:10px 18px;
border-radius:12px;
font-weight:800;
cursor:pointer;
white-space:nowrap;
}
.cc-ad-sticky__btn:active{transform:translateY(1px);}

@media (max-width:768px){
  .cc-ad-sticky__wrap{flex-direction:column;align-items:stretch}
  .cc-ad-sticky__btn{width:100%}
}

/* Price Intelligence Badge (ready for dynamic hook) */
.cc-price-badge{
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 10px;
border-radius:10px;
font-size:12px;
font-weight:800;
margin-top:10px;
}
.cc-price-good{background:#dcfce7;color:#166534;}
.cc-price-fair{background:#dbeafe;color:#1e40af;}
.cc-price-high{background:#fee2e2;color:#991b1b;}

/* ==============================
   AD ENTERPRISE V2.0.0 ($349)
   - Real Price Intelligence badge styling
   - Spec Bar polish (uses existing Highlights block)
   - Dealer trust polish
============================== */

/* Price Intelligence badge (core outputs: .car-cc-badge--price + .car-cc-badge--great/good/fair/high) */
.car-cc-badge--price{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:8px 12px !important;
  border-radius:999px !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  border:1px solid rgba(2,6,23,.10) !important;
  box-shadow:0 8px 18px rgba(2,6,23,.06);
}
.car-cc-badge--price::before{
  content:"";
  width:8px;height:8px;border-radius:999px;
  background:currentColor;
  display:inline-block;
  opacity:.9;
}
.car-cc-badge--price.car-cc-badge--great{ background:#dcfce7 !important; color:#166534 !important; border-color:rgba(22,101,52,.18) !important; }
.car-cc-badge--price.car-cc-badge--good { background:#e0f2fe !important; color:#075985 !important; border-color:rgba(7,89,133,.18) !important; }
.car-cc-badge--price.car-cc-badge--fair { background:#dbeafe !important; color:#1e40af !important; border-color:rgba(30,64,175,.18) !important; }
.car-cc-badge--price.car-cc-badge--high { background:#fee2e2 !important; color:#991b1b !important; border-color:rgba(153,27,27,.18) !important; }

/* Price card spacing so badge sits naturally */
.car-cc-price-card .car-cc-price-main{ margin-bottom:8px; }
.car-cc-price-card .car-cc-badge--price{ margin-top:2px; }
.car-cc-price-card .car-cc-price-sub{ margin-top:10px; }

/* Spec Bar (reuse existing Highlights block and make it marketplace-like) */
.car-cc-highlights{ padding:14px 14px 10px; }
.car-cc-highlights__grid{
  display:flex;
  gap:10px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding-bottom:6px;
}
.car-cc-highlights__grid::-webkit-scrollbar{ height:6px; }
.car-cc-highlights__item{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
  background:#f8fafc;
  border:1px solid rgba(2,6,23,.08);
  border-radius:999px;
  padding:10px 12px;
  min-width: 180px;
}
.car-cc-highlights__icon{ width:28px; height:28px; display:grid; place-items:center; border-radius:10px; background:#fff; border:1px solid rgba(2,6,23,.08); }
.car-cc-highlights__label{ font-size:11.5px; color:#64748b; font-weight:700; line-height:1.1; }
.car-cc-highlights__value{ font-size:13px; color:#0f172a; font-weight:800; line-height:1.2; }

/* Dealer trust polish */
.car-cc-dealerbox__name{ font-weight:800; color:#0f172a; }
.car-cc-dealerbox__stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.car-cc-dealerbox__stat{
  background:#f8fafc;
  border:1px solid rgba(2,6,23,.08);
  border-radius:14px;
  padding:10px 12px;
}
.car-cc-dealerbox__stat span{ color:#64748b; font-weight:700; font-size:12px; }
.car-cc-dealerbox__stat strong{ display:block; margin-top:2px; color:#0f172a; font-weight:900; }

/* Make sticky bar look more "Cars.com" */
.cc-ad-sticky{ backdrop-filter:saturate(140%) blur(8px); }
.cc-ad-sticky__price{ font-size:24px; }

/* --- AD STICKY NO FLASH (v2.0.1) --- */
.cc-ad-sticky{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  width: 100%;
  z-index: 9999;
  transform: translateY(110%);
  opacity: 0;
  pointer-events: none;
  transition: transform .22s ease, opacity .22s ease;
}
.cc-ad-sticky.is-visible{
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.cc-ad-sticky__wrap{
  max-width: 1120px;
  margin: 0 auto;
  padding: 12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  background: rgba(255,255,255,.92);
  border-top: 1px solid rgba(2,6,23,.10);
  box-shadow: 0 -12px 30px rgba(2,6,23,.10);
}
@media (min-width: 1024px){
  /* desktop: show sticky only after scroll; JS controls visibility */
}

/* ==============================
   GALLERY PREMIUM V2.1.0 (visible upgrade)
============================== */
.car-cc-gallery{ overflow:hidden; }
.car-cc-gallery-main{ position:relative; }
.car-cc-gallery-main::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:72px;
  background: linear-gradient(to top, rgba(2,6,23,.45), rgba(2,6,23,0));
  pointer-events:none;
}
.car-cc-gallery-actions{ position:absolute; left:14px; bottom:14px; z-index:3; }

.car-cc-gallery-thumbs{
  display:flex;
  gap:10px;
  padding:12px 14px 2px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  background:#fff;
}
.car-cc-gallery-thumbs::-webkit-scrollbar{ height:6px; }
.car-cc-gallery-thumb{
  flex:0 0 auto;
  width:86px; height:60px;
  border-radius:14px;
  overflow:hidden;
  border:2px solid rgba(2,6,23,.10);
  background:#f8fafc;
  display:block;
}
.car-cc-gallery-thumb img{
  width:100%; height:100%; object-fit:cover; display:block;
}
.car-cc-gallery-thumb.is-active{
  border-color: rgba(37,99,235,.55);
  box-shadow:0 10px 22px rgba(37,99,235,.18);
}

.car-cc-gallery-tools{
  display:flex;
  justify-content:flex-end;
  padding: 6px 14px 14px;
  background:#fff;
}
.car-cc-gallery-viewall{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border-radius:999px;
  font-weight:800;
}
.car-cc-gallery-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:22px;
  padding:0 8px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-size:12px;
  font-weight:900;
}


/* ===== Pack3 AD Enterprise – Gallery overlay + save position fixes (v2.2.2) ===== */
.car-cc-gallery{position:relative;}
.car-cc-gallery-main{position:relative;}

/* Keep actions inside gallery, not floating on page */
.car-cc-gallery-actions{position:absolute;left:16px;bottom:16px;z-index:6;}
.car-cc-gallery-actions .car-cc-btn{background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.18);box-shadow:0 10px 22px rgba(16,24,40,.12);}

/* “View all photos / count / step” overlays */
.car-cc-gallery-viewall{position:absolute;left:16px;top:16px;z-index:6;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.65);background:rgba(17,24,39,.45);color:#fff;font-size:12.5px;font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.car-cc-gallery-viewall:hover{background:rgba(17,24,39,.6);}

.car-cc-gallery-count{position:absolute;right:16px;top:16px;z-index:6;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.65);background:rgba(17,24,39,.45);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.car-cc-gallery-countnum{font-weight:800;margin-right:4px;}

.car-cc-gallery-step{position:absolute;right:16px;bottom:16px;z-index:6;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.65);background:rgba(17,24,39,.45);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}

/* Prevent sticky bar from covering content on desktop */
.car-cc-adp{padding-bottom:140px;}
.car-cc-side{padding-bottom:140px;}



/* ===== AD v2.2.3 Minimal (Cars.com feel) ===== */

/* Gallery: ensure overlays anchor correctly */
.car-cc-gallery-main{position:relative;overflow:hidden;}

/* Remove any inherited heavy overlays */
.car-cc-gallery-main::before,
.car-cc-gallery-main::after{content:none !important;}
.ccp3-ad-gallery::before,
.ccp3-ad-gallery::after{content:none !important;}

/* Minimal "View all photos" pill */
.ccp3-gallery-viewall{
  position:absolute;
  left:14px;
  top:14px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 24px rgba(16,24,40,.10);
  font-size:12px;
  font-weight:650;
  color:#0f172a;
  text-decoration:none;
}
.ccp3-gallery-viewall:hover{background:rgba(255,255,255,.98);}

/* Minimal photo count pill */
.ccp3-gallery-count{
  position:absolute;
  right:14px;
  top:14px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 24px rgba(16,24,40,.10);
  font-size:12px;
  font-weight:650;
  color:#0f172a;
}


/* Price intelligence (minimal) */
.car-cc-price-intel{
  margin-top:10px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.car-cc-price-intel .cc-badge{
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:750;
}
.car-cc-price-intel-sub{
  font-size:12px;
  color:#64748b;
}


/* Contact card: tighten hierarchy (minimal) */
.ccp3-leadhead h3{margin:0 0 6px;}
.ccp3-leadsub{margin:0 0 10px;color:#64748b;}
.ccp3-leadbadges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px;}
.ccp3-leadbtn{width:100%;border-radius:12px;padding:12px 14px;font-weight:800;}
/* =====================================================
   AD ENTERPRISE POLISH 2.3 (Scoped)
   Micro refinements only — no new blocks, no layout changes
===================================================== */

/* Title: slightly more authority */
.car-cc-adp .car-cc-hero-h1{
  font-weight:800;
  letter-spacing:-0.25px;
}
.car-cc-adp .car-cc-hero-sub{
  opacity:.78;
}

/* Price: micro bump (keep design) */
.car-cc-adp .car-cc-price-main{
  font-weight:800;
  font-size:36px;
  color:#0f172a;
}
.car-cc-adp .car-cc-price-sub,
.car-cc-adp .car-cc-price-sub2{
  opacity:.9;
}

/* Contact form: remove "default WP feel" but keep layout */
.car-cc-adp .car-cc-side .car-cc-contact{margin:0;}
/* Flatten nested card inside sidebar contact box (lead-form outputs its own .car-cc-box) */
.car-cc-adp .car-cc-side .car-cc-contact > .car-cc-box{
  border:0;
  box-shadow:none;
  padding:0;
  background:transparent;
}

/* Labels */
.car-cc-adp .car-cc-side .car-cc-field > label{
  font-size:12px;
  font-weight:800;
  color:#6b7280;
  margin:0 0 6px;
  display:inline-block;
}

/* Inputs */
.car-cc-adp .car-cc-side .car-cc-field input,
.car-cc-adp .car-cc-side .car-cc-field textarea{
  border:1px solid rgba(15,23,42,.12);
  border-radius:12px;
  background:#fff;
  height:44px;
  padding:0 14px;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.car-cc-adp .car-cc-side .car-cc-field textarea{
  height:auto;
  padding:12px 14px;
  min-height:110px;
  resize:vertical;
}
.car-cc-adp .car-cc-side .car-cc-field input:focus,
.car-cc-adp .car-cc-side .car-cc-field textarea:focus{
  outline:none;
  border-color:rgba(37,99,235,.55);
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

/* Button: keep system style, just tighten */
.car-cc-adp .car-cc-side .car-cc-form .car-cc-btn{
  width:100%;
  border-radius:12px;
  height:46px;
  font-weight:850;
}


/* =========================================
   AD: Share button (Enterprise)
   ========================================= */
.car-cc-adp .ccp3-ad-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}

.car-cc-adp .ccp3-sharebtn{
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(16,24,40,.14);
  box-shadow:0 10px 22px rgba(16,24,40,.12);
  color:rgba(16,24,40,.85);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
}

.car-cc-adp .ccp3-sharebtn svg{
  width:18px;
  height:18px;
}

.car-cc-adp .ccp3-sharebtn:active{
  transform:translateY(1px);
}

.car-cc-adp .ccp3-sharetoast{
  font-size:12px;
  font-weight:700;
  color:#fff;
  background:rgba(17,17,17,.88);
  padding:6px 10px;
  border-radius:999px;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
}

.car-cc-adp .ccp3-sharetoast.is-on{
  opacity:1;
  transform:translateY(0);
}

@media (max-width: 520px){
  .car-cc-adp .ccp3-ad-actions{ justify-content:flex-start; }
}


/* =========================================
   AD: Actions row (Save + Share) side-by-side
   ========================================= */
.car-cc-adp .ccp3-ad-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}

.car-cc-adp .ccp3-ad-actions .ccp3-iconbtn,
.car-cc-adp .ccp3-ad-actions .ccp3-sharebtn,
.car-cc-adp .ccp3-ad-actions .ccp3-favbtn--moved{
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(16,24,40,.14);
  box-shadow:0 10px 22px rgba(16,24,40,.12);
  color:rgba(16,24,40,.85);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

.car-cc-adp .ccp3-ad-actions .ccp3-favbtn--moved{
  position:relative !important;
  inset:auto !important;
  margin:0 !important;
}

.car-cc-adp .ccp3-ad-actions .ccp3-iconbtn svg{
  width:18px;
  height:18px;
}

/* If the favorite button had a big "Save" label, hide it in header actions */
.car-cc-adp .ccp3-ad-actions .ccp3-favbtn--moved .ccp3-savetext,
.car-cc-adp .ccp3-ad-actions .ccp3-favbtn--moved .label,
.car-cc-adp .ccp3-ad-actions .ccp3-favbtn--moved span{
  font-size:0 !important;
}

/* Mobile: keep actions on one line */
@media (max-width: 520px){
  .car-cc-adp .ccp3-ad-actions{ margin-top:8px; }
}


/* Force hide gallery save button */
.car-cc-gallery .ccp3-iconbtn,
.car-cc-gallery button[aria-label*="favorite"],
.car-cc-gallery button[aria-label*="Favorite"]{
  display:none !important;
}

/* Header save button style */
.ccp3-favbtn--header{
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(16,24,40,.14);
  box-shadow:0 10px 22px rgba(16,24,40,.12);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}