/* PAC Products V12.8 — premium Midnight product cards.
   Legacy full palettes are mapped client-side in card-style.js. Custom card
   fills, border colors, text colors and button styles remain under the designer.
   This stylesheet focuses on dark supporting surfaces, shadows, badge and tags. */

/* Controlled by saved designer variables. No !important on the card's
   background/border/colors to keep opacity and custom styles functioning. */
body .product-grid .pac-market-card {
  background: var(--pac-card-bg, #191b1e);
  border-color: var(--pac-card-border, #34393f);
  box-shadow: 0 9px 28px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.035);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
body .product-grid .pac-market-card:hover {
  transform: translateY(-3px);
  border-color: var(--pac-card-hover-border, rgba(0,192,255,.5));
  box-shadow: 0 20px 42px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.02);
}
body .product-grid .pac-market-card .pac-card-media {
  background: #101113;
  border-bottom: 1px solid #30343a;
}
body .product-grid .pac-market-card .product-art {
  background-color: #101113;
}
/* Tone down the old bright blue graph-paper overlay around transparent images. */
body .product-grid .pac-market-card .product-art::before {
  background-image: linear-gradient(rgba(180,200,215,.023) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(180,200,215,.023) 1px,transparent 1px);
  background-size: 28px 28px;
}
/* Preserve 'contain' image fitting, no thumbnails in listing, 2-line titles
   and up-to-5 tags from V12.5. No change to full product details gallery. */
body .product-grid .pac-market-card .pac-card-content {background: transparent;}
body .product-grid .pac-market-card .pac-card-meta {color:#929ba4;letter-spacing:.07em;}
body .product-grid .pac-market-card .pac-card-meta i {color:#555e65;}
body .product-grid .pac-market-card h3 a:hover {color:#00c0ff;}
body .product-grid .pac-market-card .pac-card-tag {
  background: #24262a;
  border: 1px solid #42464c;
  color: #c6cbd0;
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}
body .product-grid .pac-market-card .pac-card-favorite {
  background: rgba(17,19,21,.88);
  color: #f0f4f7;
  border-color: #707780;
}
body .product-grid .pac-market-card .pac-card-favorite:hover {
  background: #253037;
  border-color: #00c0ff;
  outline-color: #00c0ff;
}
body .product-grid .pac-market-card .pac-card-favorite.is-favorite {
  background: #431f2a;
  color: #ff758e;
  border-color: #a44b5b;
}
/* Buttons still take backgrounds and borders from saved designer variables. */
body .product-grid .pac-market-card .pac-card-details {box-shadow: inset 0 1px 0 rgba(255,255,255,.04);}
body .product-grid .pac-market-card .pac-card-cart {box-shadow: inset 0 1px 0 rgba(255,255,255,.075);}
body .product-grid .pac-market-card .pac-card-details:hover,
body .product-grid .pac-market-card .pac-card-cart:hover {filter: brightness(1.09);}
/* Preserve V12.5 red Debadged treatment exactly. */
body .product-grid .pac-market-card .product-art .art-badge.pac-red-badge {
  background: rgba(255,0,0,.25);
  color: #ff5252;
  border-color: #ff4242;
}
/* Standalone designer iframe uses a matching charcoal background. */
html[data-pac-preview="true"],html[data-pac-preview="true"] body {
  background-color: #101214;
  color: #e7eff2;
}
html[data-pac-preview="true"] body .pac-preview-header strong {color:#00c0ff;}
html[data-pac-preview="true"] body .pac-preview-debug {color:#9ba8b0;}
/* Preset button is deliberately a preview-only action until Save is clicked. */
#pac-v12-midnight {
  background:#20272b;
  color:#a4f0ff;
  border:1px solid #367a90;
  border-radius:6px;
  padding:10px 14px;
  font:700 12px Inter,Arial,sans-serif;
  cursor:pointer;
}
#pac-v12-midnight:hover {background:#24333a;border-color:#00c0ff;}
@media (prefers-reduced-motion: reduce) {
  body .product-grid .pac-market-card {transition:none;}
}