/* ==========================================================================
   Cardul de produs din grile

   Fișier separat de `arhiva.css` pentru că aceleași carduri apar în trei
   locuri: arhivele de categorie, pagina Magazin ȘI blocul „Produse similare"
   din pagina de produs. Ținut doar în arhiva.css, blocul de produse similare
   rămânea nestilizat.
   ========================================================================== */

/* --- grila ---------------------------------------------------------------- */
/* 3 coloane, nu 4 (direcția A, 06.08.2026): fotografii mai mari și mai mult
   aer între carduri; catalogul respiră a colecție, nu a listă de stoc */
.ac-is-shop ul.products {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: clamp(1.3rem, 2.2vw, 2.2rem); row-gap: clamp(2.6rem, 4vw, 4rem);
}
.ac-is-shop ul.products::before, .ac-is-shop ul.products::after { display: none; }
@media (max-width: 900px) { .ac-is-shop ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) {
  .ac-is-shop ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: .9rem; row-gap: 2rem;
  }
}

/* rama înconjoară TOT cardul, nu doar fotografia (cerere client 06.08.2026);
   fundalul rămâne hârtia crem, doar conturul desenează cardul */
.ac-is-shop li.product {
  width: auto !important; margin: 0 !important; float: none !important;
  display: flex; flex-direction: column; position: relative;
  border: 1px solid var(--ac-hair);
  padding: clamp(10px, 1.1vw, 14px);
  transition: border-color .45s var(--ac-ease), box-shadow .45s var(--ac-ease);
}
.ac-is-shop li.product:hover {
  border-color: rgba(125, 94, 48, .45);
  box-shadow: 0 26px 48px -34px rgba(36, 28, 20, .55);
}

/* --- placa cu fotografia -------------------------------------------------- */
.ac-card-media {
  position: relative; display: block; overflow: hidden;
  aspect-ratio: 4 / 5; background: #fff;
  box-shadow: inset 0 0 0 1px var(--ac-hair);
  transition: box-shadow .45s var(--ac-ease);
}
.ac-card-media img, .ac-card-fara {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  transition: transform 1.2s var(--ac-ease);
}
.ac-card-fara { display: block; background: var(--ac-paper-2); }
/* passe-partout: a doua linie hairline, retrasă de la margine, ca o ramă de
   galerie; la hover trece pe auriu odată cu rama exterioară */
.ac-card-media::before {
  content: ""; position: absolute; inset: 9px; z-index: 1; pointer-events: none;
  box-shadow: inset 0 0 0 1px var(--ac-hair);
  transition: box-shadow .45s var(--ac-ease);
}
li.product:hover .ac-card-media {
  box-shadow: inset 0 0 0 1px rgba(125, 94, 48, .45);
}
li.product:hover .ac-card-media::before { box-shadow: inset 0 0 0 1px rgba(125, 94, 48, .3); }
li.product:hover .ac-card-media img { transform: scale(1.04); }

/* A doua fotografie: același model, altă culoare. Se descarcă abia la hover,
   pentru că `background-image` nu se rezolvă până nu se aplică regula. Pe
   telefon nu se descarcă niciodată (bugetul de performanță, art. 9.2). */
.ac-card-alt {
  position: absolute; inset: 0; background-size: cover; background-position: center;
  opacity: 0; transition: opacity .55s var(--ac-ease);
}
@media (hover: hover) and (min-width: 901px) {
  li.product:hover .ac-card-alt, li.product:focus-within .ac-card-alt {
    background-image: var(--ac-alt); opacity: 1; transition-delay: .06s;
  }
}

.ac-card-flag {
  position: absolute; top: 0; left: 0; z-index: 2;
  background: var(--ac-pret); color: #fff;
  font: 600 .66rem/1 "AC Archivo", sans-serif; letter-spacing: .12em; text-transform: uppercase;
  padding: .52rem .62rem;
}
.ac-card-flag--stoc { background: var(--ac-choc); color: var(--ac-cream); }
/* insigna implicită WooCommerce: o scoatem, avem varianta noastră */
.ac-is-shop li.product > .onsale { display: none; }

/* --- corpul cardului ------------------------------------------------------ */
.ac-card-corp { display: flex; flex-direction: column; flex: 1; padding-top: 1.05rem; }
.ac-card-ref {
  font: 600 .64rem/1 "AC Archivo", sans-serif; letter-spacing: .2em; text-transform: uppercase;
  color: var(--ac-gold); margin-bottom: .5rem;
}
.ac-card-t {
  font-family: "AC Newsreader", Georgia, serif; font-weight: 500;
  font-size: 1.04rem; line-height: 1.3; letter-spacing: -.005em; margin: 0;
}
.ac-card-t a { color: var(--ac-ink); text-decoration: none; transition: color .25s; }
.ac-card-t a:hover { color: var(--ac-gold); }
/* paletarul în miniatură: buline cu hexurile reale + mărimile în small caps */
.ac-card-meta {
  display: flex; align-items: center; gap: .5rem; margin-top: .55rem;
}
.ac-card-culori { display: inline-flex; }
.ac-card-culori i {
  width: 13px; height: 13px; border-radius: 50%; background: var(--c);
  /* inelul de hârtie desparte bulinele suprapuse; linia interioară ține
     nuanțele deschise (alb, roz pudră) să nu se topească în fundal */
  box-shadow: inset 0 0 0 1px rgba(38, 32, 25, .18), 0 0 0 2px var(--ac-paper);
  margin-left: -4px;
}
.ac-card-culori i:first-child { margin-left: 0; }
.ac-card-nrc {
  font: 600 .68rem/1 "AC Archivo", sans-serif; letter-spacing: .06em;
  color: var(--ac-muted);
}
.ac-card-sep { width: 1px; height: 12px; background: var(--ac-hair); }
.ac-card-marimi {
  font: 600 .68rem/1 "AC Archivo", sans-serif; letter-spacing: .14em;
  text-transform: uppercase; color: var(--ac-muted);
}
/* prețul și butonul stau la baza cardului: pe un rând cu titluri de lungimi
   diferite, altfel nu se aliniază nimic */
.ac-card-jos { margin-top: auto; padding-top: .8rem; }
.ac-is-shop li.product .price {
  display: block; font-family: "AC Newsreader", Georgia, serif; font-size: 1.32rem;
  line-height: 1.2; color: var(--ac-pret); font-variant-numeric: tabular-nums;
}
.ac-is-shop li.product .price del { color: var(--ac-muted); font-size: .66em; margin-right: .4rem; }
.ac-is-shop li.product .price ins { text-decoration: none; }
.ac-is-shop li.product .price .woocommerce-Price-currencySymbol {
  font-size: .58em; color: var(--ac-muted); margin-left: .12em;
}

.ac-is-shop li.product .ac-card-btn {
  display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  width: 100%; margin-top: .85rem; padding: .78rem .95rem;
  border: 1px solid var(--ac-antracit); background: none; color: var(--ac-antracit);
  font: 600 .82rem/1.2 "AC Archivo", sans-serif; letter-spacing: .05em;
  text-decoration: none; border-radius: 0;
  transition: background .35s var(--ac-ease), color .35s var(--ac-ease);
}
.ac-is-shop li.product .ac-card-btn::after {
  content: "→"; font-size: 1.05em; transition: transform .35s var(--ac-ease);
}
.ac-is-shop li.product:hover .ac-card-btn,
.ac-is-shop li.product .ac-card-btn:hover,
.ac-is-shop li.product .ac-card-btn:focus-visible {
  background: var(--ac-antracit); color: var(--ac-cream);
}
.ac-is-shop li.product:hover .ac-card-btn::after { transform: translateX(4px); }
/* butonul „Cumpără" rămâne vizibil permanent (cerere client 06.08.2026) */
/* butonul de „adăugat în coș" al WooCommerce, pentru produsele simple */
.ac-is-shop li.product .added_to_cart {
  display: inline-block; margin-top: .5rem; font-size: .78rem; color: var(--ac-gold);
}
.ac-is-shop li.product .ac-card-btn.loading { opacity: .6; }

/* --- „Produse similare", în pagina de produs ------------------------------ */
.ac-is-product .related.products, .ac-is-product .up-sells {
  max-width: var(--ac-maxw); margin: clamp(3rem, 6vw, 5rem) auto 0;
  padding: clamp(2rem, 4vw, 3.2rem) var(--ac-gutter) clamp(3rem, 6vw, 5rem);
  border-top: 1px solid var(--ac-hair);
}
.ac-is-product .related.products > h2, .ac-is-product .up-sells > h2 {
  font-family: "AC Newsreader", Georgia, serif; font-weight: 500;
  font-size: clamp(1.5rem, 2.8vw, 2.1rem); line-height: 1.1; letter-spacing: -.02em;
  margin-bottom: clamp(1.4rem, 2.6vw, 2.2rem);
}

@media (max-width: 620px) {
  .ac-card-corp { padding-top: .85rem; }
  .ac-card-t { font-size: .94rem; }
  .ac-card-ref { font-size: .6rem; letter-spacing: .16em; }
  .ac-is-shop li.product .price { font-size: 1.16rem; }
  .ac-is-shop li.product .ac-card-btn { padding: .7rem .75rem; font-size: .78rem; letter-spacing: .03em; }
  .ac-card-meta { font-size: .72rem; }
}