/* ============================================================
   OferteOutlet Core — informația despre produs.

   Stilurile stau în plugin, nu în temă: starea comercială, accesoriile
   lipsă și defectele cunoscute sunt obligații de informare. Trebuie să
   arate corect chiar dacă tema se schimbă sau lipsește.

   Culorile citesc variabilele temei când există, cu valori de rezervă
   pentru cazul în care nu există.
   ============================================================ */

/* ---------- Badge de stare ---------- */
.ooc-stare{
  display:inline-flex;
  align-items:center;
  font-weight:700;
  border-radius:6px;
  white-space:nowrap;
  border:1px solid transparent;
}
.ooc-stare--mic{font-size:10.5px;padding:3px 8px}
.ooc-stare--mare{font-size:13px;padding:5px 12px}

/* Nou — albastru. Distinct de „resigilat", ca să nu se confunde. */
.ooc-stare--nou{background:#eef3ff;color:#1e4fd8;border-color:#cdd9f5}
/* Resigilat în stare bună — verde. */
.ooc-stare--bun{background:#eefaf0;color:#0a8800;border-color:#c9e8cf}
/* Urme vizibile sau incomplet — chihlimbar. Atrage atenția fără să sperie. */
.ooc-stare--atentie{background:#fff7e6;color:#a35c00;border-color:#ffe0a3}
/* Pentru piese — roșu. Nu se vinde ca funcțional, iar culoarea o spune. */
.ooc-stare--critic{background:#ffefec;color:#c11500;border-color:#ffd0c8}

.ooc-stare-box{
  margin:10px 0 14px;
  padding:12px 14px;
  border-radius:10px;
  background:var(--oo-bg,#f7f7f8);
  border:1px solid var(--oo-line,#e8e8e8);
}
.ooc-stare-desc{
  margin:8px 0 0;
  font-size:13.5px;
  line-height:1.55;
  color:var(--oo-ink-2,#555);
}

/* ---------- Badge în grilă ---------- */
.ooc-loop-stare{
  position:absolute;
  bottom:8px;
  left:8px;
  z-index:2;
}
.woocommerce ul.products li.product{position:relative}

/* ---------- Preț recomandat ----------
   Reducerea față de RRP e principalul argument de vânzare al magazinului.
   Merită ierarhia vizuală: prețul mare și portocaliu, RRP-ul tăiat lângă
   el, economia într-un badge roșu care se vede din prima. */
.ooc-rrp{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:-6px 0 14px;
  font-size:14px;
}
.ooc-rrp-old{color:var(--oo-ink-3,#888);text-decoration:line-through}
.ooc-rrp-save{
  background:var(--oo-red,#e11900);
  color:#fff;
  font-weight:800;
  font-size:13px;
  padding:4px 11px;
  border-radius:6px;
  letter-spacing:.2px;
}

/* ---------- Cumpără acum ---------- */
.woocommerce div.product .ooc-cumpara-acum{
  display:block;
  width:100%;
  margin:10px 0 0;
  padding:14px 24px;
  border-radius:999px;
  border:2px solid var(--oo-ink,#191919);
  background:#fff;
  color:var(--oo-ink,#191919);
  font-size:16px;
  font-weight:800;
  text-align:center;
  transition:.15s;
}
.woocommerce div.product .ooc-cumpara-acum:hover{
  background:var(--oo-ink,#191919);
  color:#fff;
}

/* ---------- Panglica de încredere ---------- */
.ooc-panglica{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  background:var(--oo-orange-bg,#fff4ee);
  border:1px solid #ffd9c2;
  border-radius:10px;
  padding:9px 14px;
  margin:0 0 14px;
  font-size:13px;
  font-weight:600;
  color:var(--oo-ink-2,#555);
}
.ooc-panglica-marca{
  background:var(--oo-orange,#f85606);
  color:#fff;
  font-weight:800;
  font-size:12px;
  letter-spacing:.3px;
  padding:3px 10px;
  border-radius:6px;
  text-transform:uppercase;
}
/* „Produs nou" e albastru, ca badge-ul de stare pentru codurile 1 și 2.
   Aceeași informație trebuie să aibă aceeași culoare peste tot. */
.ooc-panglica-marca--nou{background:#1e4fd8}

/* ---------- Blocul de livrare ---------- */
.ooc-livrare{
  margin:16px 0 0;
  padding:14px 16px;
  border-radius:12px;
  background:var(--oo-green-bg,#eefaf0);
  border:1px solid #d3eed8;
}
.ooc-livrare h3{
  font-size:14.5px;
  font-weight:800;
  color:var(--oo-green,#0a8800);
  margin:0 0 6px;
  line-height:1.35;
}
.ooc-livrare p{
  font-size:13px;
  line-height:1.55;
  color:var(--oo-ink-2,#555);
  margin:0;
}
.ooc-livrare-mic{margin-top:4px!important;color:var(--oo-ink-3,#888)!important;font-size:12.5px!important}
.ooc-loop-rrp{padding:0 12px;margin-top:-2px}
.ooc-loop-rrp del{color:var(--oo-ink-3,#888);font-size:12px}

/* ---------- Accesorii și defecte ---------- */
.ooc-accesorii{
  margin:14px 0;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13.5px;
  line-height:1.5;
}
.ooc-acc{padding:8px 12px;border-radius:8px}
.ooc-acc b{font-weight:700}
.ooc-acc--da{background:#eefaf0;color:#0a5c05}
.ooc-acc--nu{background:#fff7e6;color:#8a4d00}
.ooc-acc--defect{background:#ffefec;color:#a31200}

/* ---------- Exemplar unic ---------- */
.ooc-unicat{
  font-size:13px;
  font-weight:700;
  color:var(--oo-red,#e11900);
  margin:10px 0;
}

/* ---------- Garanția legală ---------- */
.ooc-garantie{
  margin:14px 0;
  padding:12px 14px;
  border-radius:10px;
  background:#eef3ff;
  border:1px solid #cdd9f5;
  font-size:13px;
  line-height:1.55;
}
.ooc-garantie b{display:block;color:#1e4fd8;font-size:13.5px;margin-bottom:4px}
.ooc-garantie span{color:var(--oo-ink-2,#555)}

/* ---------- Mențiunea de imagine de catalog ----------
   Sub galerie, discretă dar lizibilă. Nu e un avertisment de pericol, e o
   precizare: poza arată modelul, starea exemplarului scrie mai jos. */
.ooc-img-catalog{
  margin:10px 0 0;
  padding:9px 12px;
  border-radius:8px;
  background:var(--oo-bg,#f7f7f8);
  border:1px solid var(--oo-line,#e8e8e8);
  font-size:12.5px;
  line-height:1.5;
  color:var(--oo-ink-2,#555);
}

/* ---------- Chip-uri de filtrare pe arhive ----------
   Filtrul care contează aici e starea produsului, nu marca. De aceea stă
   deasupra grilei, în butoane mari, nu într-o bară laterală. */
.ooc-chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 16px;
  padding:0 0 2px;
}
.ooc-chip{
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid var(--oo-line,#e8e8e8);
  background:#fff;
  font-size:13.5px;
  font-weight:600;
  color:var(--oo-ink-2,#555);
  white-space:nowrap;
  transition:.15s;
}
.ooc-chip:hover{border-color:var(--oo-orange,#f85606);color:var(--oo-orange,#f85606)}
.ooc-chip.is-activ{
  background:var(--oo-ink,#191919);
  border-color:var(--oo-ink,#191919);
  color:#fff;
}
/* Chip-ul „Pentru piese" e o categorie pe care clientul o alege deliberat.
   Un punct rosu inaintea etichetei o distinge fara sa strige. */
.ooc-chip--critic::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--oo-red,#e11900);
  margin-right:7px;
  flex:none;
}
.ooc-chip--bun::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--oo-green,#0a8800);
  margin-right:7px;
  flex:none;
}
@media(max-width:560px){
  .ooc-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px 4px}
  .ooc-chips::-webkit-scrollbar{display:none}
  .ooc-chip{flex:none}
}

/* ---------- Categorie goală ---------- */
.ooc-gol{
  text-align:center;
  padding:44px 20px 52px;
  background:var(--oo-bg,#f7f7f8);
  border-radius:14px;
  font-size:14px;
  color:var(--oo-ink-2,#555);
  line-height:1.6;
}
.ooc-gol-titlu{font-size:17px;font-weight:800;color:var(--oo-ink,#191919);margin-bottom:6px}
.ooc-gol-link{
  display:inline-block;
  margin-top:12px;
  padding:11px 26px;
  border-radius:999px;
  background:var(--oo-orange,#f85606);
  color:#fff;
  font-weight:700;
  font-size:14px;
}
.ooc-gol-link:hover{background:var(--oo-orange-dark,#d94a00);color:#fff}

/* ---------- Garanții ---------- */
.ooc-garantii{
  list-style:none;
  margin:16px 0 0;
  padding:14px 0 0;
  border-top:1px solid var(--oo-line,#e8e8e8);
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:13px;
  color:var(--oo-ink-2,#555);
}
.ooc-garantii li{display:flex;align-items:center;gap:8px}
.ooc-garantii li::before{
  content:"✓";
  color:var(--oo-green,#0a8800);
  font-weight:800;
  flex:none;
}