:root{ --carhop-teal:#00C2A8; }

/* Container */
ul.products li.product.carhop-card,
li.product.carhop-card,
.carhop-card{
  background: var(--wc-card, #111827);
  border: 1px solid var(--wc-border, #1f2937);
  border-radius: var(--radius, 16px);
  box-shadow: var(--shadow-1, 0 6px 14px rgba(0,0,0,.25));
  position: relative; overflow: hidden;
}
.carhop-card:hover{ border-color: var(--carhop-teal) !important; }

/* Reset autop gaps */
.carhop-card br{ display:none; } .carhop-card p{ margin:0; }

/* Media */
.carhop-card__imgwrap{ display:block; position:relative; line-height:0; margin:0; }
.carhop-card__img{ width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; display:block; vertical-align:middle; }
.carhop-card__status{
  position:absolute; left:12px; top:12px; z-index:2;
  background: var(--carhop-teal); color:#F4FFFE; border-radius:5px; padding:12px 10px; font-weight:600;
  display:inline-flex; align-items:center; gap:8px;
}
.carhop-card__status::before{
  content:""; width:16px; height:16px; display:inline-block; background-repeat:no-repeat; background-size:contain;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F4FFFE'><path d='M13 1h-2v3h2V1zM7 4.75L5.59 6.16l2.12 2.12L9.12 6.87 7 4.75zM12 6a9 9 0 100 18 9 9 0 000-18zm0 2a7 7 0 110 14 7 7 0 010-14zm0 2v5h4v-2h-2V10h-2z'/></svg>");
}
.carhop-card__photos{
  position:absolute; right:12px; bottom:12px; z-index:2;
  background:#f4fffeab; color:#1C4360; border-radius:4px; padding:18px 10px; font-weight:600;
  display:inline-flex; align-items:center; gap:8px;
}
.carhop-card__photos .ch-icon{ width:16px; height:16px; display:inline-block; background-size:contain; background-repeat:no-repeat; }
.carhop-card__photos .ch-icon-photo{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231C4360'><path d='M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3 3.5-4.5L19 18H5l3.5-4.5zM9 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/></svg>"); }
.carhop-card__photos .ch-photo-count{ line-height:1; }

.carhop-card__fav{
  position:absolute; right:12px; top:12px; z-index:3;
  width:36px; height:36px; border-radius:999px; background: var(--wc-card, #111827);
  border:1px solid var(--wc-border, #1f2937); color:inherit; line-height:36px; text-align:center; cursor:pointer;
}
.carhop-card__fav.is-active{ background: var(--carhop-teal); color:#0B1118; }

/* Body */
.carhop-card__body{ padding:16px; }
.carhop-card__title{ font-size:24px; margin:14px 0; font-weight:800; line-height:1.2; }

/* VRM + copy */
.carhop-vrm{ display:inline-flex; align-items:center; gap:10px; background:#FFD300; color:#111; border:2px solid #e6bf03; border-radius:6px; padding:4px; box-shadow:none; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; }
.carhop-vrm__blue{ width:10px; height:28px; background:#1E3A8A; border-radius:3px; }
.carhop-vrm__text{ font-variant-numeric: lining-nums; }
.carhop-copy{ appearance:none; border:0; background:transparent; cursor:pointer; width:28px; height:28px; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; margin-left:6px; transition: background-color .15s ease, transform .05s ease; }
.carhop-copy .ch-icon{ width:16px; height:16px; display:block; background-size:contain; background-repeat:no-repeat; }
.carhop-copy .ch-icon-copy{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23112'><path d='M16 1H4a2 2 0 0 0-2 2v12h2V3h12V1zm3 4H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 16H8V7h11v14z'/></svg>"); }
.carhop-copy:hover{ background: rgba(0,0,0,.08); } .carhop-copy:active{ transform: translateY(1px); }
.carhop-copy.is-copied .ch-icon-copy{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300C2A8'><path d='M16 1H4a2 2 0 0 0-2 2v12h2V3h12V1zm3 4H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm-1.6 6.2l-6.36 6.36-2.83-2.83 1.41-1.41 1.42 1.41 4.95-4.95 1.41 1.42z'/></svg>"); }

/* Meta bubbles */
.carhop-meta{ list-style:none; padding:0; margin:12px 0; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.carhop-meta__item{ position:relative; display:inline-flex; align-items:center; background:#F6FFFF; color: var(--wc-chip-fg, inherit); border:1px solid #e5f8f8; border-radius:999px; padding:6px 10px; font-size:11px; font-weight:600; }

/* Dividers & price rows */
.carhop-card__rule{ background:#f5f5f5; margin:26px 0; height:1px; }
.carhop-card__prices{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #f5f5f5; }
.carhop-label{ color: var(--wc-muted, #6b7280); font-size:12px; }
.carhop-price{ font-size:20px; font-weight:700; color:#142C40; }
.carhop-strong{ font-weight:700; }

/* Footer */
.carhop-card__footer{ border-top:1px solid #f5f5f5; padding-top:18px; display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px; }
.carhop-card__footer .e-font-icon-svg{ margin-right:6px; vertical-align:-2px; display:inline-block; }
/* Fallback icon if Elementor icon doesn’t render */
.carhop-card__footer .carhop-muted{ display:inline-flex; align-items:center; gap:6px; }
.carhop-card__footer .carhop-muted i.e-fas-tags{ width:0; height:0; overflow:hidden; }
.carhop-card__footer .carhop-muted::before{ content:""; width:14px; height:14px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231C4360'><path d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V4h8l8.59 8.59a2 2 0 0 1 0 2.82zM7 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/></svg>"); }

/* Button inherits theme .button; add leading icon + hover */
.carhop-card .carhop-btn.button{ display:inline-flex; align-items:center; gap:8px; }
.carhop-card .carhop-btn.button::before{ content:""; width:14px; height:14px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EBFFFD'><path d='M12 4l1.41 1.41L9.83 9H20v2H9.83l3.58 3.59L12 16l-6-6 6-6z'/></svg>"); }
.carhop-card .carhop-btn.button:hover{ color:#EBFFFD !important; background:#1C4361 !important; border-color:#1C4361 !important; }

/* Optional grid helper */
.product-list-columns{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--wc-grid-gap, 24px); align-items:start; }
.product-list-columns > li{ list-style:none; margin:0; width:auto; }