/* ============================================================
   OferteOutlet — stilarea marcajului generat de WooCommerce.
   Se încarcă doar pe paginile de magazin, coș, checkout și cont.

   Faza 1: grila de produse, cardul, prețul, categoriile.
   Pagina de produs, coșul și checkout-ul vin în faza 2, odată cu
   suprascrierile din woocommerce/.
   ============================================================ */

/* ---------- Grila de produse ---------- */
.woocommerce ul.products{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(196px,1fr));
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{content:none}

@media(max-width:560px){
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:10px}
}

/* WooCommerce pune clase de lățime pe fiecare element (first, last,
   columns-5). Cu grid nu ne trebuie și ar strica alinierea. */
.woocommerce ul.products li.product{
  width:auto!important;
  margin:0!important;
  float:none!important;
  clear:none!important;
  background:#fff;
  border:1px solid var(--oo-line);
  border-radius:var(--oo-radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  position:relative;
  transition:.18s;
}
.woocommerce ul.products li.product:hover{
  box-shadow:var(--oo-shadow-lg);
  transform:translateY(-2px);
  border-color:transparent;
}

/* ---------- Imaginea ---------- */
.woocommerce ul.products li.product a img{
  aspect-ratio:1/1;
  object-fit:contain;
  mix-blend-mode:multiply;
  margin:0;
  background:#fff;
}

/* ---------- Titlul ---------- */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:13px;
  line-height:1.35;
  font-weight:400;
  padding:10px 12px 0;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:35px;
}

/* ---------- Prețul ----------
   Prețul vechi tăiat și cel nou, mare și portocaliu. Reducerea față de
   RRP e principalul argument de vânzare — merită ierarhia vizuală. */
.woocommerce ul.products li.product .price{
  padding:0 12px;
  margin:6px 0 0;
  display:flex;
  align-items:baseline;
  gap:7px;
  flex-wrap:wrap;
  color:var(--oo-orange);
  font-size:18px;
  font-weight:800;
  letter-spacing:-.3px;
}
.woocommerce ul.products li.product .price del{
  color:var(--oo-ink-3);
  font-size:12px;
  font-weight:400;
  opacity:1;
}
.woocommerce ul.products li.product .price ins{
  background:transparent;
  text-decoration:none;
  font-weight:800;
}
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol{
  font-size:12px;
  font-weight:700;
}

/* ---------- Badge de reducere ---------- */
.woocommerce ul.products li.product .onsale{
  position:absolute;
  top:8px;
  left:8px;
  right:auto;
  margin:0;
  background:var(--oo-red);
  color:#fff;
  font-size:11.5px;
  font-weight:800;
  padding:3px 8px;
  border-radius:6px;
  min-height:0;
  min-width:0;
  line-height:1.4;
}

/* ---------- Butonul din card ---------- */
.woocommerce ul.products li.product .button{
  margin:10px 12px 12px;
  padding:9px 14px;
  border-radius:999px;
  background:var(--oo-ink);
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-align:center;
  transition:.15s;
}
.woocommerce ul.products li.product .button:hover{background:var(--oo-orange)}
.woocommerce ul.products li.product .added_to_cart{
  display:block;
  margin:0 12px 12px;
  font-size:12px;
  font-weight:700;
  color:var(--oo-green);
}

/* ---------- Categorii ---------- */
.woocommerce ul.products li.product-category a{display:block;text-align:center}
.woocommerce ul.products li.product-category h2{
  font-size:12.5px;
  font-weight:700;
  padding:10px 8px;
  margin:0;
}
.woocommerce ul.products li.product-category .count{
  color:var(--oo-ink-3);
  font-size:11px;
  font-weight:400;
  background:none;
}

/* ---------- Antetul arhivei ---------- */
.woocommerce .woocommerce-products-header{padding:22px 0 6px}
.woocommerce .woocommerce-products-header__title{font-size:26px;font-weight:800}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{font-size:13px;color:var(--oo-ink-2)}

/* ---------- Mesaje ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border-top-color:var(--oo-orange);
  border-radius:10px;
  font-size:14px;
}
.woocommerce-message::before,
.woocommerce-info::before{color:var(--oo-orange)}

/* ---------- Paginare ---------- */
.woocommerce nav.woocommerce-pagination ul{border:none;gap:6px;display:flex;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border-radius:999px;
  padding:8px 14px;
  font-weight:700;
  font-size:13.5px;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--oo-ink);
  color:#fff;
}