/* =============================================================================
   AVL Shop — re-tematizare Mediverse pentru Atlantis Digital Lab
   Țintește clasele Mediverse existente (.woocommerce-product-inner, etc.)
   + componente custom adăugate prin functions.php.
   ========================================================================== */

:root{
  --avl-navy-900:#0E0E52;
  --avl-navy-800:#1B1464;
  --avl-navy-700:#192273;
  --avl-blue-600:#424EAE;
  --avl-blue-500:#4E5BD6;
  --avl-teal:#1ACCBF;
  --avl-teal-700:#03BFAC;
  --avl-gold:#C8A24A;
  --avl-gold-soft:#EACAB0;
  --avl-cream:#FCF4DB;
  --avl-mint-bg:#ECF3F2;
  --avl-paper:#FFFFFF;
  --avl-ink:#23242E;
  --avl-ink-soft:#5A5B6A;
  --avl-muted:#8A8B97;
  --avl-line:#E6E8F0;
  --avl-urgent:#E55123;
  --avl-font-head:'Teachers',Georgia,serif;
  --avl-font-body:'Wix Madefor Text','Helvetica Neue',Arial,sans-serif;
  --avl-r:16px;
  --avl-r-sm:10px;
  --avl-shadow-sm:0 1px 2px rgba(20,20,80,.05),0 2px 8px rgba(20,20,80,.04);
  --avl-shadow-md:0 10px 30px rgba(20,20,80,.10);
  --avl-shadow-lg:0 24px 60px rgba(14,14,82,.18);
}

/* =========================================================================
   1. RE-TEMARE CARDURI MEDIVERSE
   ========================================================================= */

.woocommerce ul.products li.product .woocommerce-product-inner,
.woocommerce-page ul.products li.product .woocommerce-product-inner{
  background:#fff;
  border:1px solid var(--avl-line);
  border-radius:var(--avl-r);
  overflow:hidden;
  box-shadow:var(--avl-shadow-sm);
  transition:transform .22s, box-shadow .22s, border-color .22s;
  display:flex;flex-direction:column;
  font-family:var(--avl-font-body);
}
.woocommerce ul.products li.product:hover .woocommerce-product-inner{
  transform:translateY(-4px);
  box-shadow:var(--avl-shadow-lg);
  border-color:#dfe2ef;
}
.woocommerce ul.products li.product .woocommerce-product-header{
  position:relative;
  aspect-ratio:4/3;
  background:var(--avl-mint-bg);
  overflow:hidden;
  border-radius:0;
}
.woocommerce ul.products li.product .woocommerce-product-header a.woocommerce-product-details{
  display:block;width:100%;height:100%;
}
.woocommerce ul.products li.product .woocommerce-product-header img{
  width:100%;height:100%;object-fit:cover;transition:transform .5s;
}
.woocommerce ul.products li.product:hover .woocommerce-product-header img{
  transform:scale(1.05);
}

/* Etichete categorie pe imagine (Mediverse pune tag-urile în content,
   le mutăm ca overlay deasupra imaginii dacă există) */
.woocommerce ul.products li.product .woocommerce-product-tags-list{
  position:absolute;top:14px;left:14px;z-index:3;
  display:flex;gap:6px;flex-wrap:wrap;
}
.woocommerce ul.products li.product .woocommerce-product-tag{
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  background:rgba(14,14,82,.82);color:#fff;
  padding:6px 11px;border-radius:999px;backdrop-filter:blur(4px);
}

/* Badge Sale (onsale) */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
  background:var(--avl-teal-700);
  color:#fff;
  font-family:var(--avl-font-body);
  font-size:11px;font-weight:700;letter-spacing:.06em;
  border-radius:999px;
  padding:6px 11px;
  min-height:0;line-height:1.2;
  top:14px;right:14px;left:auto;
  position:absolute;z-index:4;
}

/* Body card */
.woocommerce ul.products li.product .woocommerce-product-content{
  padding:22px;display:flex;flex-direction:column;flex:1;
}
.woocommerce ul.products li.product .woocommerce-product--title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product h4.woocommerce-product--title{
  font-family:var(--avl-font-head);
  font-weight:700;
  font-size:19px;line-height:1.25;
  color:var(--avl-navy-800);
  margin:0 0 8px;
  letter-spacing:-.01em;
}
.woocommerce ul.products li.product .woocommerce-product--title a{
  color:var(--avl-navy-800);
}
.woocommerce ul.products li.product .woocommerce-product--title a:hover{
  color:var(--avl-blue-600);
}

/* Preț card */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product span.price{
  font-family:var(--avl-font-head);
  font-size:22px;font-weight:700;
  color:var(--avl-navy-800);
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  margin:6px 0 14px;
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount{
  font-size:14px;
  color:var(--avl-muted);
  font-weight:500;
  text-decoration:line-through;
  opacity:1;
}
.woocommerce ul.products li.product .price ins{
  background:none;
  text-decoration:none;
  font-weight:700;
  color:var(--avl-navy-800);
}

/* Rating: îl ascundem (B2B, nu publicăm review-uri publice) */
.woocommerce ul.products li.product .woocommerce-product--rating,
.woocommerce ul.products li.product .star-rating{
  display:none;
}

/* Butonul "Adaugă în coș" Mediverse */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--avl-font-body);font-weight:600;font-size:13.5px;
  background:var(--avl-navy-800);color:#fff;border:0;
  border-radius:999px;
  padding:12px 18px;
  transition:background .18s,transform .18s;
  text-transform:none;
  letter-spacing:0;
  margin-top:auto;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover{
  background:var(--avl-blue-600);
}

/* Buton "Trimite cazul" (adăugat din functions.php prin avl_card_send_case_button) */
.avl-card-case{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-family:var(--avl-font-body);font-weight:600;font-size:13px;
  color:var(--avl-navy-800);background:transparent;
  border:1px solid var(--avl-line);
  border-radius:999px;
  padding:10px 14px;
  margin:8px 22px 22px;
  transition:.18s;
  text-decoration:none;
}
.avl-card-case:hover{
  border-color:var(--avl-blue-600);
  color:var(--avl-blue-600);
}
.avl-card-case__ic{font-weight:700}

/* =========================================================================
   2. BANDA DE OFERTE DE CAMPANIE (.avl-offers)
   ========================================================================= */
.avl-offers{
  margin:0 0 32px;
  font-family:var(--avl-font-body);
}
.avl-offers__head{margin-bottom:22px}
.avl-eyebrow{
  font-family:var(--avl-font-body);
  font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--avl-blue-600);margin:0 0 8px;
}
.avl-offers__head h2{
  font-family:var(--avl-font-head);font-weight:700;
  font-size:clamp(24px,2.8vw,32px);
  color:var(--avl-navy-800);max-width:24ch;line-height:1.15;margin:0;
}
.avl-offers__grid{
  display:grid;grid-template-columns:1.55fr 1fr;gap:22px;
}
.avl-offer{
  position:relative;border-radius:var(--avl-r);overflow:hidden;
  box-shadow:var(--avl-shadow-md);min-height:360px;display:flex;
}
.avl-offer--hero{
  background:linear-gradient(135deg,var(--avl-navy-900) 0%, var(--avl-navy-700) 55%, var(--avl-blue-600) 130%);
  color:#fff;
}
.avl-offer--hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(520px 320px at 88% 10%, rgba(26,204,191,.30), transparent 60%);
}
.avl-offer__img{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center;
  opacity:.34;mix-blend-mode:luminosity;
}
.avl-offer__body{
  position:relative;z-index:2;padding:34px;
  display:flex;flex-direction:column;justify-content:space-between;width:100%;
}
.avl-offer__tag{
  align-self:flex-start;
  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:6px 12px;border-radius:999px;
  border:1px solid rgba(200,162,74,.6);
  color:var(--avl-cream);
  background:rgba(200,162,74,.12);
}
.avl-offer h3{
  font-family:var(--avl-font-head);font-weight:700;
  color:#fff;font-size:clamp(21px,2.4vw,28px);
  margin:14px 0 12px;max-width:20ch;line-height:1.15;
}
.avl-offer__cond{
  font-size:13.5px;color:#CFD2F2;
  background:rgba(255,255,255,.07);
  border-left:2px solid var(--avl-gold);
  padding:12px 14px;border-radius:0 8px 8px 0;
  max-width:54ch;line-height:1.5;margin:0;
}
.avl-offer__cond b{color:#fff}
.avl-offer__foot{margin-top:22px}
.avl-offer__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.avl-offer__amount{
  font-family:var(--avl-font-head);font-size:30px;font-weight:700;color:#fff;line-height:1;
}
.avl-offer__unit{font-size:13px;color:#BFC2EA}
.avl-offer__was{font-size:15px;color:#9aa0d0;text-decoration:line-through}
.avl-offer__actions{display:flex;gap:10px;flex-wrap:wrap}

.avl-offer--entry{
  background:linear-gradient(150deg,#fff 0%, var(--avl-mint-bg) 100%);
  color:var(--avl-ink);border:1px solid var(--avl-line);
}
.avl-offer--entry .avl-offer__tag{
  color:var(--avl-blue-600);
  border-color:rgba(66,78,174,.35);
  background:rgba(66,78,174,.07);
}
.avl-offer--entry h3{color:var(--avl-navy-800)}
.avl-offer--entry .avl-offer__desc{
  color:var(--avl-ink-soft);font-size:14.5px;max-width:38ch;margin:10px 0 0;
}
.avl-offer--entry .avl-offer__amount{color:var(--avl-navy-800)}
.avl-offer--entry .avl-offer__unit{color:var(--avl-muted)}
.avl-offer--entry .avl-offer__was{color:var(--avl-muted)}
.avl-offer__flag{
  position:absolute;top:20px;right:-34px;transform:rotate(45deg);z-index:3;
  background:var(--avl-teal-700);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.1em;
  padding:6px 44px;box-shadow:var(--avl-shadow-sm);
}

/* Butoane AVL (folosite în oferte, intake, CTA final) */
.avl-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--avl-font-body);font-weight:600;font-size:14.5px;
  border-radius:999px;padding:13px 22px;cursor:pointer;
  border:1px solid transparent;transition:.18s;white-space:nowrap;
  text-decoration:none;
}
.avl-btn--gold{background:var(--avl-gold);color:#1a1400}
.avl-btn--gold:hover{background:#d8b25c;color:#1a1400;transform:translateY(-1px)}
.avl-btn--navy{background:var(--avl-navy-800);color:#fff}
.avl-btn--navy:hover{background:var(--avl-navy-900);color:#fff;transform:translateY(-1px)}
.avl-btn--ghost-light{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.avl-btn--ghost-light:hover{background:rgba(255,255,255,.12);color:#fff}
.avl-btn--ghost-dark{background:#fff;border-color:var(--avl-line);color:var(--avl-navy-800)}
.avl-btn--ghost-dark:hover{border-color:var(--avl-blue-600);color:var(--avl-blue-600)}

/* =========================================================================
   3. BARA B2B + CTA FINAL
   ========================================================================= */
.avl-b2b-strip{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  font-family:var(--avl-font-body);
  font-size:13px;color:var(--avl-ink-soft);
  background:var(--avl-mint-bg);
  border:1px solid var(--avl-line);
  border-radius:999px;
  padding:10px 18px;
  margin:0 0 20px;
}
.avl-b2b-strip b{color:var(--avl-navy-800)}
.avl-dot{color:var(--avl-gold)}

.avl-final-cta{
  text-align:center;
  margin:50px 0 10px;
  padding:48px 36px;
  border-radius:24px;
  background:linear-gradient(135deg,var(--avl-navy-800),var(--avl-blue-600));
  color:#fff;
  font-family:var(--avl-font-body);
  box-shadow:var(--avl-shadow-md);
  position:relative;overflow:hidden;
}
.avl-final-cta::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(600px 300px at 50% -30%,rgba(26,204,191,.3),transparent 60%);
}
.avl-final-cta>*{position:relative;z-index:2}
.avl-final-cta h2{
  font-family:var(--avl-font-head);font-weight:700;
  font-size:clamp(24px,3vw,34px);color:#fff;
  max-width:22ch;margin:0 auto;
}
.avl-final-cta p{
  color:#D3D6F6;max-width:54ch;
  margin:14px auto 24px;
}

/* =========================================================================
   4. PAGINA DE PRODUS (single-product) — re-temare blocuri Mediverse
   ========================================================================= */

/* Titlu produs */
.woocommerce .woocommerce-sg-product-title h1.product_title,
.woocommerce-page .woocommerce-sg-product-title h1.product_title{
  font-family:var(--avl-font-head);
  color:var(--avl-navy-800);
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1.14;
  font-size:clamp(26px,3.2vw,38px);
}

/* Preț pagina produs */
.woocommerce .woocommerce-sg-product-price p.price,
.woocommerce-page .woocommerce-sg-product-price p.price{
  font-family:var(--avl-font-head);
  font-size:34px;font-weight:700;
  color:var(--avl-navy-800);
}
.woocommerce .woocommerce-sg-product-price del{color:var(--avl-muted);font-size:18px}

/* Buton "Adaugă în coș" pagina produs */
.woocommerce div.product form.cart .button{
  background:var(--avl-navy-800);
  color:#fff;
  font-family:var(--avl-font-body);font-weight:600;font-size:15px;
  border-radius:999px;
  padding:14px 26px;
  transition:.18s;
  text-transform:none;
  letter-spacing:0;
}
.woocommerce div.product form.cart .button:hover{
  background:var(--avl-blue-600);color:#fff;
}

/* Box "Condiție de proces" sub titlu */
.avl-cond-box{
  background:linear-gradient(180deg,#fff,#fbfcfe);
  border:1px solid var(--avl-line);
  border-left:3px solid var(--avl-gold);
  border-radius:0 12px 12px 0;
  padding:16px 18px;margin:16px 0 22px;
  font-family:var(--avl-font-body);
}
.avl-cond-box h4{
  font-family:var(--avl-font-head);font-weight:700;
  font-size:14px;color:var(--avl-navy-800);margin:0 0 6px;
}
.avl-cond-box p{font-size:14px;color:var(--avl-ink-soft);margin:0}

/* =========================================================================
   5. SECȚIUNEA DE INTAKE pe produs
   ========================================================================= */
.avl-intake{
  margin:30px 0 50px;
  border:1px solid var(--avl-line);
  border-radius:var(--avl-r);overflow:hidden;
  background:#fff;
  font-family:var(--avl-font-body);
  box-shadow:var(--avl-shadow-sm);
}
.avl-intake__head{
  display:flex;align-items:center;gap:14px;
  padding:22px 26px;
  background:linear-gradient(135deg,var(--avl-navy-800),var(--avl-blue-600));
  color:#fff;
}
.avl-intake__step{
  flex:none;width:40px;height:40px;border-radius:12px;
  background:rgba(255,255,255,.14);
  display:grid;place-items:center;
  font-weight:700;font-size:18px;
}
.avl-intake__head h2{
  font-family:var(--avl-font-head);font-weight:700;
  color:#fff;font-size:20px;margin:0 0 2px;
}
.avl-intake__head p{font-size:13px;color:#CFD2F2;margin:0}
.avl-intake__body{padding:24px 26px}

.avl-dropzones{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.avl-dz{
  border:1.5px dashed #C8CCE0;border-radius:12px;
  padding:22px;text-align:center;cursor:pointer;
  background:#fcfdff;transition:.18s;
}
.avl-dz:hover{border-color:var(--avl-blue-600);background:#f6f8ff}
.avl-dz h4{font-family:var(--avl-font-head);font-size:15px;color:var(--avl-navy-800);margin:0 0 4px}
.avl-dz p{font-size:12.5px;color:var(--avl-muted);margin:0 0 10px}
.avl-fmt{
  display:inline-block;font-size:11px;font-weight:600;color:var(--avl-ink-soft);
  background:#fff;border:1px solid var(--avl-line);border-radius:999px;padding:3px 10px;
}
.avl-photos-row{
  margin-top:14px;
  border:1px solid var(--avl-line);border-radius:12px;
  padding:14px 16px;background:#fcfdff;
}
.avl-photos-row h4{font-family:var(--avl-font-head);font-size:14px;color:var(--avl-navy-800);margin:0 0 3px}
.avl-photos-row p{font-size:12.5px;color:var(--avl-muted);margin:0}

.avl-intake__alt{
  margin-top:16px;padding-top:14px;
  border-top:1px solid var(--avl-line);
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;flex-wrap:wrap;
}
.avl-intake__alt p{font-size:13px;color:var(--avl-ink-soft);max-width:46ch;margin:0}

.avl-intake__note{
  margin:0;padding:14px 26px;
  font-size:11.5px;color:var(--avl-muted);
  background:#FCF4DB;
  border-top:1px solid var(--avl-line);
}
.avl-intake__note b{color:#7a5d0c}

/* =========================================================================
   6. RESPONSIVE
   ========================================================================= */
@media (max-width: 900px){
  .avl-offers__grid{grid-template-columns:1fr}
  .avl-offer__body{padding:26px}
  .avl-dropzones{grid-template-columns:1fr}
  .avl-final-cta{padding:38px 22px}
}
@media (max-width: 600px){
  .avl-b2b-strip{font-size:11.5px;padding:9px 14px}
  .avl-offer__amount{font-size:26px}
}

/* =========================================================================
   7. MICI CORECȚII (în spiritul brief-ului): scoatem rating-ul B2B,
   curățăm uniformizat „Sale!" la „Promo" prin filter PHP separat (TODO faza 2)
   ========================================================================= */
.woocommerce-product-rating{display:none}


/* =========================================================================
   8. v0.2 — FORȚARE FONTURI AVL pe carduri (Mediverse are specificitate mare)
   Folosim prefix "body" + clase Mediverse + !important DOAR pe font-family
   ca să batem CSS-ul părinte fără să rupem alte stiluri.
   ========================================================================= */
body .woocommerce ul.products li.product .woocommerce-product--title,
body .woocommerce ul.products li.product .woocommerce-product--title a,
body .woocommerce ul.products li.product h2.woocommerce-loop-product__title,
body .woocommerce ul.products li.product h4.woocommerce-product--title,
body .woocommerce ul.products li.product .price,
body .woocommerce ul.products li.product .price .amount,
body .woocommerce ul.products li.product .price ins,
body .woocommerce ul.products li.product .price del,
body .woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol{
  font-family:var(--avl-font-head) !important;
}
body .woocommerce ul.products li.product .woocommerce-product-content,
body .woocommerce ul.products li.product .woocommerce-product--excerpt,
body .woocommerce ul.products li.product .button,
body .woocommerce ul.products li.product a.add_to_cart_button{
  font-family:var(--avl-font-body) !important;
}
/* Banner oferte: forțăm și pe el ca să nu ia Roboto */
body .avl-offers,
body .avl-offers p,
body .avl-offers span,
body .avl-offers .avl-eyebrow,
body .avl-offer__tag,
body .avl-offer__cond,
body .avl-offer__desc,
body .avl-offer__unit,
body .avl-offer__was,
body .avl-btn{
  font-family:var(--avl-font-body) !important;
}
body .avl-offers h2,
body .avl-offers h3,
body .avl-offer__amount,
body .avl-final-cta h2,
body .avl-intake__head h2,
body .avl-dz h4,
body .avl-photos-row h4,
body .avl-cond-box h4{
  font-family:var(--avl-font-head) !important;
}
body .avl-b2b-strip,
body .avl-b2b-strip span,
body .avl-b2b-strip b{
  font-family:var(--avl-font-body) !important;
}

/* Titlul „Magazin B2B" pe shop archive — forțăm Teachers */
body .woocommerce-products-header .woocommerce-products-header__title,
body .woocommerce-products-header h1{
  font-family:var(--avl-font-head) !important;
  color:var(--avl-navy-800);
  letter-spacing:-.01em;
}


/* =========================================================================
   9. v0.2 — Ascundere wishlist orfan + ascurat dublu cart
   ========================================================================= */
/* Butonul Woosw care apare LA SFÂRȘIT de <li.product>, în afara cardului.
   Mediverse + plugin Woosw îl dublează ca acțiune. Îl scoatem. */
.woocommerce ul.products li.product > .woosw-btn,
.woocommerce ul.products li.product > button.woosw-btn{
  display:none !important;
}

/* Cart pentru view-ul listă, ascuns deja inline. Ne asigurăm că rămâne ascuns. */
.woocommerce ul.products li.product .woocommerce-add-to--cart.list-v{
  display:none !important;
}

/* Excerpt produs era forțat display:none de Mediverse.
   JS scoate inline-ul; aici ne asigurăm că, după scoatere, arată ca o linie spec. */
.woocommerce ul.products li.product .woocommerce-product--excerpt{
  margin:6px 0 12px;
}
.woocommerce ul.products li.product .woocommerce-product--excerpt p,
.woocommerce ul.products li.product .woocommerce-product-details__short-description p{
  font-size:13px;
  color:var(--avl-ink-soft);
  line-height:1.45;
  margin:0;
  /* limită la 2 rânduri ca să nu strice grila */
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}


/* =========================================================================
   10. v0.2 — Eticheta „La comandă" injectată de JS
   ========================================================================= */
.avl-card-availability{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--avl-font-body);
  font-size:12px;font-weight:600;
  color:var(--avl-teal-700);
  margin:2px 0 10px;
}
.avl-card-availability::before{
  content:"";display:inline-block;
  width:8px;height:8px;border-radius:50%;
  background:var(--avl-teal-700);
  box-shadow:0 0 0 3px rgba(3,191,172,.18);
}


/* =========================================================================
   11. v0.2 — „Trimite cazul" mutat de JS ÎN card (sub buton)
   Stil redefinit pentru poziția nouă, fără padding lateral aiurea.
   ========================================================================= */
.woocommerce ul.products li.product .woocommerce-product-content .avl-card-case{
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin:8px 0 0;
  padding:10px 14px;
  font-size:13px;
}
/* Dacă rămâne orfan (JS nu a rulat), îl ascundem ca să nu strice layout-ul. */
.woocommerce ul.products li.product > .avl-card-case{
  display:none;
}


/* =========================================================================
   12. v0.2 — Spațiere și aerisire arhivă: gap consistent între banner,
   filtre Mediverse și grila de produse.
   ========================================================================= */
.avl-offers + .avl-b2b-strip{margin-top:24px}
.woocommerce-result-count,
.woocommerce-ordering{font-family:var(--avl-font-body)}
.avl-final-cta{margin-top:60px}


/* =========================================================================
   13. v0.3 — SCOATE SIDEBAR-UL pe pagina /shop/ și pe arhivele de categorii.
   Mediverse pune un aside #pxl-sidebar-area cu Cart, Categories, Price Filter,
   Latest Products, Tags. Pentru un shop B2B premium, e zgomot inutil.
   Conținutul devine full-width pe lățimea grid-ului.
   ========================================================================= */
body.woocommerce-shop #pxl-sidebar-area,
body.tax-product_cat #pxl-sidebar-area,
body.post-type-archive-product #pxl-sidebar-area{
  display:none !important;
}
body.woocommerce-shop #pxl-content-area.pxl-content-shop,
body.tax-product_cat #pxl-content-area.pxl-content-shop,
body.post-type-archive-product #pxl-content-area.pxl-content-shop,
body.woocommerce-shop .pxl-content-area.col-lg-9,
body.tax-product_cat .pxl-content-area.col-lg-9,
body.post-type-archive-product .pxl-content-area.col-lg-9{
  flex:0 0 100% !important;
  max-width:100% !important;
  width:100% !important;
}
body.woocommerce-shop .pxl-content-wrap.pxl-has-sidebar,
body.tax-product_cat .pxl-content-wrap.pxl-has-sidebar,
body.post-type-archive-product .pxl-content-wrap.pxl-has-sidebar{
  display:block !important;
}


/* =========================================================================
   14. v0.3 — FORȚARE FONTURI cu specificitate maximă (html body prefix)
   ca să bată orice CSS Mediverse, plugin sau cache rezidual.
   ========================================================================= */
html body .woocommerce ul.products li.product .woocommerce-product--title,
html body .woocommerce ul.products li.product .woocommerce-product--title a,
html body .woocommerce ul.products li.product h2.woocommerce-loop-product__title,
html body .woocommerce ul.products li.product h4.woocommerce-product--title,
html body .woocommerce ul.products li.product .price,
html body .woocommerce ul.products li.product .price *,
html body .avl-offers h2,
html body .avl-offers h3,
html body .avl-offer__amount,
html body .avl-final-cta h2,
html body .avl-intake__head h2,
html body .avl-cond-box h4,
html body .woocommerce-products-header__title,
html body .woocommerce-products-header h1{
  font-family:'Teachers',Georgia,serif !important;
}
html body .woocommerce ul.products li.product .woocommerce-product-content,
html body .woocommerce ul.products li.product .woocommerce-product--excerpt,
html body .woocommerce ul.products li.product .button,
html body .avl-offers,
html body .avl-offers p,
html body .avl-offers span,
html body .avl-b2b-strip,
html body .avl-b2b-strip span,
html body .avl-btn,
html body .avl-card-availability,
html body .avl-final-cta p{
  font-family:'Wix Madefor Text','Helvetica Neue',Arial,sans-serif !important;
}


/* =========================================================================
   15. v0.3 — ASCUNDE TOATE BUTOANELE DUPLICATE woosw în card
   (Mediverse le pune și ca overlay, și ca block ascuns, și ca element orfan
   la sfârșitul <li>). Păstrăm o singură instanță vizibilă, pe overlay.
   ========================================================================= */
/* Orphan woosw button at end of <li> */
.woocommerce ul.products li.product > .woosw-btn,
.woocommerce ul.products li.product > button.woosw-btn,
.woocommerce ul.products li.product > .woocommerce-wishlist{
  display:none !important;
}
/* Hidden duplicate woosw inside .woocommerce-product-content (list view fallback) */
.woocommerce ul.products li.product .woocommerce-product-content > .woocommerce-wishlist{
  display:none !important;
}
/* Hidden duplicate excerpt + cart for list view */
.woocommerce ul.products li.product .woocommerce-add-to--cart.list-v{
  display:none !important;
}

/* "Trimite cazul" orphan la sfârșitul <li> (dacă JS nu rulează, măcar nu strică
   layout-ul) */
.woocommerce ul.products li.product > .avl-card-case{
  display:none !important;
}


/* =========================================================================
   16. v0.3 — CARDURI MAI AERISITE și butonul de cart mai premium
   ========================================================================= */
.woocommerce ul.products li.product .woocommerce-product-content{
  padding:24px 22px 22px !important;
  gap:0;
}
.woocommerce ul.products li.product .woocommerce-product--title{
  margin:0 0 10px !important;
  font-size:18px !important;
  line-height:1.3 !important;
  min-height:48px;
}
.woocommerce ul.products li.product .price{
  margin:6px 0 16px !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button{
  width:100%;
  padding:13px 18px !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  margin:0 !important;
}
/* Overlay wishlist + cart container — mai vizibil */
.woocommerce ul.products li.product .woocommerce-product--buttons{
  position:absolute;
  inset:auto 12px 12px 12px;
  z-index:5;
  display:flex;
  justify-content:flex-end;
}
.woocommerce ul.products li.product .woocommerce-product-meta{
  display:flex;
  gap:8px;
  align-items:center;
  background:rgba(255,255,255,.95);
  border-radius:999px;
  padding:6px 10px;
  box-shadow:0 4px 12px rgba(20,20,80,.12);
  backdrop-filter:blur(8px);
}
.woocommerce ul.products li.product .woocommerce-product-meta .woocommerce-add-to-cart .button{
  background:var(--avl-navy-800) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:8px 14px !important;
  width:auto !important;
  font-size:12.5px !important;
  margin:0 !important;
}
.woocommerce ul.products li.product .woocommerce-product-meta .woosw-btn{
  background:transparent !important;
  border:0 !important;
  color:var(--avl-navy-800) !important;
  font-size:0 !important;
  width:28px;
  height:28px;
  padding:0 !important;
  display:grid;
  place-items:center;
}
.woocommerce ul.products li.product .woocommerce-product-meta .woosw-btn::before{
  content:"♡";
  font-size:18px;
  line-height:1;
}


/* =========================================================================
   17. v0.3 — BANNER OFERTE: padding mai generos, gradient mai vizibil,
   shadow mai pronunțat, ca să fie clar că e zona de campanie.
   ========================================================================= */
.avl-offers{
  margin-bottom:40px !important;
  padding-top:8px;
}
.avl-offer{
  min-height:380px !important;
  border-radius:20px !important;
}
.avl-offer__body{
  padding:38px 36px !important;
}
.avl-offer h3{
  font-size:clamp(22px,2.6vw,30px) !important;
  margin:18px 0 14px !important;
}
.avl-offer--hero{
  box-shadow:0 20px 50px rgba(14,14,82,.25) !important;
}
.avl-offer--entry{
  box-shadow:0 12px 30px rgba(20,20,80,.08) !important;
}

/* B2B strip mai vizibil */
.avl-b2b-strip{
  margin-bottom:28px !important;
  padding:12px 22px !important;
  font-size:13.5px !important;
  background:linear-gradient(180deg,#fff,var(--avl-mint-bg)) !important;
}


/* =========================================================================
   18. v0.3 — PAGE TITLE "Magazin B2B" stilizat ca hero, nu ca subtitlu sec
   ========================================================================= */
body.woocommerce-shop .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header{
  margin-bottom:30px;
}


/* =========================================================================
   19. v0.4 — HERO BANNER (page title Elementor) re-stilizat complet.
   Mediverse pune o template Elementor cu fundal foto dinți + paragraf
   placeholder. Suprapunem gradient AVL navy elegant peste fundalul foto
   și redimensionăm tipografia ca să respire ca un hero premium.
   ========================================================================= */

/* Containerul de title — foto AVL reală + gradient navy overlay semitransparent
   Foto: lucrare reală AVL All-on-X, vine prin pseudo-element ::before
   ca să nu depindă de Elementor sau de markup-ul Mediverse.
*/
body.woocommerce-shop #pxl-page-title-elementor,
body.tax-product_cat #pxl-page-title-elementor,
body.post-type-archive-product #pxl-page-title-elementor,
body.single-product #pxl-page-title-elementor{
  position:relative;
  background:var(--avl-navy-900) !important;
  overflow:hidden;
  margin-top:30px !important;
}
/* Foto AVL ca background, prin ::before */
body.woocommerce-shop #pxl-page-title-elementor::before,
body.tax-product_cat #pxl-page-title-elementor::before,
body.post-type-archive-product #pxl-page-title-elementor::before,
body.single-product #pxl-page-title-elementor::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('https://atlantisdigitallab.ro/wp-content/uploads/2026/02/WhatsApp-Image-2026-03-02-at-15.45.24-1536x1152.jpeg');
  background-size:cover;
  background-position:center 35%;
  opacity:.55;
  z-index:0;
}
/* Înlocuim fundalul Elementor existent cu gradient navy overlay
   peste fotografie, ca să rămână premium și legibilă. */
body.woocommerce-shop #pxl-page-title-elementor .elementor-element-16abe12,
body.tax-product_cat #pxl-page-title-elementor .elementor-element-16abe12,
body.post-type-archive-product #pxl-page-title-elementor .elementor-element-16abe12,
body.single-product #pxl-page-title-elementor .elementor-element-16abe12{
  background:linear-gradient(135deg, rgba(14,14,82,.92) 0%, rgba(25,34,115,.85) 50%, rgba(66,78,174,.78) 130%) !important;
  position:relative;
}
/* Layer parallax cu foto Mediverse — îl ascundem (folosim al nostru) */
body.woocommerce-shop #pxl-page-title-elementor .pxl-section-bg-parallax,
body.tax-product_cat #pxl-page-title-elementor .pxl-section-bg-parallax,
body.post-type-archive-product #pxl-page-title-elementor .pxl-section-bg-parallax,
body.single-product #pxl-page-title-elementor .pxl-section-bg-parallax,
body.woocommerce-shop #pxl-page-title-elementor .mask-parallax,
body.tax-product_cat #pxl-page-title-elementor .mask-parallax{
  display:none !important;
  opacity:0 !important;
  background:transparent !important;
}
/* Glow subtle teal în colț, semn AVL */
body.woocommerce-shop #pxl-page-title-elementor::after,
body.tax-product_cat #pxl-page-title-elementor::after,
body.post-type-archive-product #pxl-page-title-elementor::after{
  content:"";
  position:absolute;
  top:-20%;right:-10%;
  width:60%;height:140%;
  background:radial-gradient(closest-side,rgba(26,204,191,.18),transparent 70%);
  pointer-events:none;
  z-index:1;
}

/* Conținut hero peste fundal */
body.woocommerce-shop #pxl-page-title-elementor .elementor-element,
body.tax-product_cat #pxl-page-title-elementor .elementor-element{
  position:relative;
  z-index:2;
}

/* Titlul "Magazin B2B" */
html body #pxl-page-title-elementor .pxl-heading .pxl-item--title{
  font-family:'Teachers',Georgia,serif !important;
  font-weight:700 !important;
  color:#fff !important;
  font-size:clamp(40px,5vw,64px) !important;
  letter-spacing:-.01em !important;
  line-height:1.05 !important;
  margin:0 !important;
  text-align:center;
}

/* Paragraf descriere — îl restilizăm, mai aerisit + culoare AVL */
html body #pxl-page-title-elementor .pxl-text-editor p{
  font-family:'Wix Madefor Text',sans-serif !important;
  color:#CFD2F2 !important;
  font-size:16px !important;
  line-height:1.6 !important;
  max-width:60ch;
  margin:18px auto 0 !important;
  text-align:center;
}

/* Breadcrumb — pill albastru închis cu accent auriu */
html body #pxl-page-title-elementor .pxl-breadcrumb-wrap{
  margin-top:26px;
  text-align:center;
}
html body #pxl-page-title-elementor .pxl-breadcrumb{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.08) !important;
  backdrop-filter:blur(10px);
  border:1px solid rgba(200,162,74,.35) !important;
  padding:8px 18px !important;
  border-radius:999px !important;
  list-style:none;
}
html body #pxl-page-title-elementor .pxl-breadcrumb li,
html body #pxl-page-title-elementor .pxl-breadcrumb li a,
html body #pxl-page-title-elementor .pxl-breadcrumb li span{
  font-family:'Wix Madefor Text',sans-serif !important;
  font-size:13px !important;
  color:#D6D8F2 !important;
  font-weight:500 !important;
  letter-spacing:.02em;
}
html body #pxl-page-title-elementor .pxl-breadcrumb li a:hover{
  color:var(--avl-gold) !important;
}
html body #pxl-page-title-elementor .pxl-breadcrumb li + li::before{
  content:"›";
  color:var(--avl-gold);
  margin:0 4px 0 0;
  opacity:.8;
}

/* Spațiere hero — mai aerisit, ca un hero adevărat */
body.woocommerce-shop #pxl-page-title-elementor .e-con-inner,
body.tax-product_cat #pxl-page-title-elementor .e-con-inner,
body.post-type-archive-product #pxl-page-title-elementor .e-con-inner{
  padding-top:80px !important;
  padding-bottom:80px !important;
}
@media (max-width:600px){
  body.woocommerce-shop #pxl-page-title-elementor .e-con-inner,
  body.tax-product_cat #pxl-page-title-elementor .e-con-inner{
    padding-top:50px !important;
    padding-bottom:50px !important;
  }
}


/* =========================================================================
   20. v0.5 — SCOATE UPPERCASE de pe titluri carduri și single product.
   Mediverse forțează text-transform:uppercase. Mockup-ul nostru e Mixed Case.
   ========================================================================= */
html body .woocommerce ul.products li.product .woocommerce-product--title,
html body .woocommerce ul.products li.product .woocommerce-product--title a,
html body .woocommerce ul.products li.product h2.woocommerce-loop-product__title,
html body .woocommerce ul.products li.product h4.woocommerce-product--title,
html body .woocommerce div.product .product_title,
html body .woocommerce-page div.product .product_title,
html body .woocommerce-sg-product-title h1,
html body .woocommerce-sg-product-title .product_title{
  text-transform:none !important;
  letter-spacing:-.01em !important;
}
/* Buton Adaugă în coș — capitalizare normală, nu Title Case */
html body .woocommerce ul.products li.product .button,
html body .woocommerce ul.products li.product a.add_to_cart_button,
html body .woocommerce div.product form.cart .button,
html body .woocommerce-page div.product form.cart .button{
  text-transform:none !important;
  letter-spacing:0 !important;
}


/* =========================================================================
   21. v0.5 — OVERLAY CART pe carduri MEREU vizibil, nu doar pe hover.
   Mediverse ascunde .woocommerce-product--buttons până la hover. Îl forțăm.
   ========================================================================= */
html body .woocommerce ul.products li.product .woocommerce-product--buttons{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  transition:none !important;
  pointer-events:auto !important;
}
html body .woocommerce ul.products li.product .woocommerce-product-meta{
  opacity:1 !important;
  visibility:visible !important;
}
/* Asigură că .woocommerce-product-header e position:relative ca să țină overlay-ul */
html body .woocommerce ul.products li.product .woocommerce-product-header{
  position:relative !important;
}


/* =========================================================================
   22. v0.5 — PAGINA DE PRODUS (single) — buton "Adaugă în coș" NAVY AVL
   (în loc de teal Mediverse default).
   ========================================================================= */
html body .woocommerce div.product form.cart .button,
html body .woocommerce div.product form.cart button.single_add_to_cart_button,
html body .woocommerce-page div.product form.cart .button,
html body .woocommerce-page div.product form.cart button.single_add_to_cart_button{
  background:var(--avl-navy-800) !important;
  background-color:var(--avl-navy-800) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:16px 32px !important;
  font-family:'Wix Madefor Text','Helvetica Neue',Arial,sans-serif !important;
  font-weight:600 !important;
  font-size:15px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  box-shadow:0 4px 14px rgba(20,20,80,.18) !important;
  transition:.18s !important;
}
html body .woocommerce div.product form.cart .button:hover,
html body .woocommerce div.product form.cart button.single_add_to_cart_button:hover,
html body .woocommerce-page div.product form.cart .button:hover{
  background:var(--avl-blue-600) !important;
  background-color:var(--avl-blue-600) !important;
  transform:translateY(-1px) !important;
}
/* Cantitate stepper — design mai curat, navy în loc de teal */
html body .woocommerce .quantity .qty,
html body .woocommerce-page .quantity .qty{
  border:1px solid var(--avl-line) !important;
  border-radius:10px !important;
  color:var(--avl-ink) !important;
  font-family:'Wix Madefor Text',sans-serif !important;
  font-weight:600 !important;
  text-align:center;
}
html body .woocommerce .quantity .plus,
html body .woocommerce .quantity .minus,
html body .woocommerce-page .quantity .plus,
html body .woocommerce-page .quantity .minus{
  background:#fff !important;
  border:1px solid var(--avl-line) !important;
  color:var(--avl-navy-800) !important;
  border-radius:10px !important;
}


/* =========================================================================
   23. v0.5 — FIX "La comandă" galben invizibil pe pagina produs.
   Mediverse afișează stock-status în partea de sus a sumarului, suprapus
   cu textul „Cantitate". Îl rebrănduim ca pill teal-AVL vizibil.
   ========================================================================= */
html body .woocommerce div.product .stock,
html body .woocommerce-page div.product .stock,
html body .woocommerce div.product p.stock,
html body .woocommerce-page div.product p.stock{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  font-family:'Wix Madefor Text',sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:var(--avl-teal-700) !important;
  background:rgba(3,191,172,.08) !important;
  border:1px solid rgba(3,191,172,.25) !important;
  padding:6px 14px !important;
  border-radius:999px !important;
  margin:14px 0 8px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  position:static !important;
  width:auto !important;
}
html body .woocommerce div.product .stock::before,
html body .woocommerce-page div.product .stock::before{
  content:"" !important;
  display:inline-block;
  width:8px;height:8px;border-radius:50%;
  background:var(--avl-teal-700);
}
html body .woocommerce div.product .stock.in-stock{
  color:var(--avl-teal-700) !important;
}


/* =========================================================================
   24. v0.5 — TITLUL pe pagina produs: mai mare, serif, navy
   ========================================================================= */
html body .woocommerce div.product .product_title,
html body .woocommerce-page div.product .product_title,
html body .woocommerce-sg-product-title h1{
  font-family:'Teachers',Georgia,serif !important;
  font-size:clamp(28px,3.4vw,40px) !important;
  font-weight:700 !important;
  color:var(--avl-navy-800) !important;
  letter-spacing:-.01em !important;
  line-height:1.12 !important;
  margin:0 0 10px !important;
}

/* Prețul pe pagina produs */
html body .woocommerce div.product p.price,
html body .woocommerce div.product span.price,
html body .woocommerce-page div.product p.price,
html body .woocommerce-page div.product span.price,
html body .woocommerce-sg-product-price .price{
  font-family:'Teachers',Georgia,serif !important;
  font-size:32px !important;
  font-weight:700 !important;
  color:var(--avl-navy-800) !important;
  margin:8px 0 18px !important;
}
html body .woocommerce div.product p.price del{
  color:var(--avl-muted) !important;
  font-size:20px !important;
  margin-right:8px;
}


/* =========================================================================
   25. v0.5 — Wishlist button single product (Adaugă în lista cu preferințe)
   stilizat consistent cu brand-ul, mai discret.
   ========================================================================= */
html body .woocommerce div.product .woosw-btn,
html body .woocommerce-page div.product .woosw-btn{
  background:transparent !important;
  color:var(--avl-ink-soft) !important;
  border:1px solid var(--avl-line) !important;
  border-radius:999px !important;
  padding:10px 18px !important;
  font-family:'Wix Madefor Text',sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  margin-top:12px !important;
}
html body .woocommerce div.product .woosw-btn:hover{
  border-color:var(--avl-blue-600) !important;
  color:var(--avl-blue-600) !important;
}


/* =========================================================================
   26. v0.5 — Tabs informații produs (SKU, Categorie, Etichetă) stilizate
   ========================================================================= */
html body .woocommerce div.product .product_meta,
html body .woocommerce-page div.product .product_meta{
  font-family:'Wix Madefor Text',sans-serif !important;
  font-size:13.5px !important;
  color:var(--avl-ink-soft) !important;
  border-top:1px solid var(--avl-line) !important;
  padding-top:16px !important;
  margin-top:22px !important;
}
html body .woocommerce div.product .product_meta > span{
  display:block;
  margin-bottom:6px;
}
html body .woocommerce div.product .product_meta a{
  color:var(--avl-navy-800) !important;
  font-weight:600;
}


/* =========================================================================
   27. v0.8 — CONSOLIDARE CUSTOMIZER + BANNER FEATURED IMAGE PE SINGLE PRODUCT
   Tot ce era în Customizer "CSS suplimentar" se mută aici, ca să fie permanent
   în child theme. După upload v0.8, golești Customizer-ul.
   ========================================================================= */

/* 27.1 Banner shop/archive — DOAR poza aprobată, fără gradient, fără text.
   Poza are deja logo AVL încastrat. */
body.woocommerce-shop #pxl-page-title-elementor,
body.tax-product_cat #pxl-page-title-elementor,
body.post-type-archive-product #pxl-page-title-elementor{
  background-image:url('https://atlantisdigitallab.ro/wp-content/uploads/2026/06/ChatGPT-Image-Jun-28-2026-11_17_18-AM.png') !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  margin-top:30px !important;
  min-height:320px !important;
}
body.woocommerce-shop #pxl-page-title-elementor::before,
body.tax-product_cat #pxl-page-title-elementor::before,
body.post-type-archive-product #pxl-page-title-elementor::before{
  display:none !important;
}
body.woocommerce-shop #pxl-page-title-elementor .elementor-element-16abe12,
body.tax-product_cat #pxl-page-title-elementor .elementor-element-16abe12,
body.post-type-archive-product #pxl-page-title-elementor .elementor-element-16abe12{
  background:transparent !important;
}
/* Ascundem tot textul peste banner-ul shop (titlu + paragraf + breadcrumb) */
body.woocommerce-shop #pxl-page-title-elementor .pxl-heading,
body.woocommerce-shop #pxl-page-title-elementor .pxl-text-editor,
body.woocommerce-shop #pxl-page-title-elementor .pxl-breadcrumb-wrap,
body.tax-product_cat #pxl-page-title-elementor .pxl-heading,
body.tax-product_cat #pxl-page-title-elementor .pxl-text-editor,
body.tax-product_cat #pxl-page-title-elementor .pxl-breadcrumb-wrap,
body.post-type-archive-product #pxl-page-title-elementor .pxl-heading,
body.post-type-archive-product #pxl-page-title-elementor .pxl-text-editor,
body.post-type-archive-product #pxl-page-title-elementor .pxl-breadcrumb-wrap{
  display:none !important;
}

/* 27.2 Banner SINGLE PRODUCT — ASCUNS COMPLET (decizia: intri direct în produs) */
body.single-product #pxl-page-title-elementor{
  display:none !important;
}


/* 27.3 FIX UPPERCASE titluri carduri (consolidat din Customizer) */
.woocommerce ul.products li.product *,
.woocommerce ul.products li.product *::before,
.woocommerce ul.products li.product *::after{
  text-transform:inherit !important;
}
.woocommerce ul.products li.product,
.woocommerce ul.products li.product h4.woocommerce-product--title,
.woocommerce ul.products li.product h4.woocommerce-product--title a,
.woocommerce ul.products li.product .woocommerce-product--title,
.woocommerce ul.products li.product .woocommerce-product--title a{
  text-transform:none !important;
  letter-spacing:-.01em !important;
}
.woocommerce ul.products li.product .woocommerce-product-tag{
  text-transform:uppercase !important;
}


/* 27.4 Titlu produs pe pagina single (jos sub galerie, NU pe banner) */
body.single-product .woocommerce-sg-product-title h1.product_title,
body.single-product div.product .product_title{
  font-family:'Teachers',Georgia,serif !important;
  font-size:clamp(26px,3.2vw,38px) !important;
  font-weight:700 !important;
  color:#1B1464 !important;
  text-transform:none !important;
  letter-spacing:-.01em !important;
  line-height:1.14 !important;
  margin:0 0 12px !important;
}


/* =========================================================================
   28. v0.10 — BUTON "ADAUGĂ ÎN COȘ" NAVY (override agresiv pe teal Mediverse)
   + buton "Trimite cazul" lângă el + fix stepper teal.
   ========================================================================= */

/* Butonul de cart — selectori multipli + maximă specificitate ca să batem
   teal-ul Mediverse (care vine din .button.alt sau variabilă globală). */
html body.single-product .woocommerce div.product form.cart button.single_add_to_cart_button,
html body.single-product .woocommerce div.product form.cart .single_add_to_cart_button,
html body.single-product .woocommerce div.product form.cart button.button.alt,
html body.single-product .woocommerce div.product form.cart .button.alt,
html body.single-product .woocommerce div.product .single_add_to_cart_button,
html body.woocommerce-page div.product form.cart button.single_add_to_cart_button{
  background:#1B1464 !important;
  background-color:#1B1464 !important;
  background-image:none !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:16px 30px !important;
  font-family:'Wix Madefor Text','Helvetica Neue',Arial,sans-serif !important;
  font-weight:600 !important;
  font-size:15px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  box-shadow:0 4px 14px rgba(20,20,80,.18) !important;
  transition:.18s !important;
}
html body.single-product .woocommerce div.product form.cart button.single_add_to_cart_button:hover,
html body.single-product .woocommerce div.product form.cart .single_add_to_cart_button:hover,
html body.single-product .woocommerce div.product form.cart button.button.alt:hover{
  background:#424EAE !important;
  background-color:#424EAE !important;
  transform:translateY(-1px) !important;
}

/* Stepper de cantitate — scoatem teal-ul de pe border și butoane +/- */
html body.single-product .woocommerce .quantity,
html body.single-product .woocommerce-page .quantity{
  border-color:#E6E8F0 !important;
}
html body.single-product .woocommerce .quantity input.qty,
html body.single-product .woocommerce .quantity .qty,
html body.single-product .woocommerce-page .quantity input.qty{
  border:1px solid #E6E8F0 !important;
  border-radius:10px !important;
  color:#23242E !important;
  box-shadow:none !important;
}
html body.single-product .woocommerce .quantity .plus,
html body.single-product .woocommerce .quantity .minus,
html body.single-product .woocommerce-page .quantity .plus,
html body.single-product .woocommerce-page .quantity .minus{
  background:#fff !important;
  border:1px solid #E6E8F0 !important;
  color:#1B1464 !important;
  border-radius:10px !important;
}
html body.single-product .woocommerce .quantity .plus:hover,
html body.single-product .woocommerce .quantity .minus:hover{
  border-color:#424EAE !important;
  color:#424EAE !important;
}

/* Butonul "Trimite cazul" (adăugat din PHP după add-to-cart) */
.avl-single-case{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-left:10px;
  padding:16px 26px;
  border-radius:999px;
  border:1px solid #E6E8F0;
  background:#fff;
  color:#1B1464 !important;
  font-family:'Wix Madefor Text','Helvetica Neue',Arial,sans-serif;
  font-weight:600;
  font-size:15px;
  text-decoration:none !important;
  transition:.18s;
  vertical-align:middle;
}
.avl-single-case svg{width:17px;height:17px}
.avl-single-case:hover{
  border-color:#424EAE;
  color:#424EAE !important;
  transform:translateY(-1px);
}
/* pe mobil, butoanele se pun unul sub altul */
@media (max-width:520px){
  .avl-single-case{
    display:flex !important;
    margin-left:0;
    margin-top:10px;
    width:100%;
  }
}


/* =========================================================================
   29. v0.11 — CHECKOUT B2B: bară B2B + câmpuri + buton + rezumat
   Stilizăm peste template-ul de checkout Mediverse, fără a-l rescrie.
   ========================================================================= */

/* Bara B2B sus pe checkout (adăugată din PHP) */
.avl-checkout-b2b{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:linear-gradient(180deg,#fff,var(--avl-mint-bg));
  border:1px solid var(--avl-line);
  border-radius:999px;
  padding:12px 22px;
  margin:0 0 28px;
  font-family:'Wix Madefor Text','Helvetica Neue',Arial,sans-serif;
  font-size:13.5px;
  color:var(--avl-ink-soft);
}
.avl-checkout-b2b b{color:var(--avl-navy-800)}

/* Titluri de secțiune pe checkout */
html body.woocommerce-checkout .woocommerce h3,
html body.woocommerce-checkout #order_review_heading,
html body.woocommerce-checkout .woocommerce-billing-fields h3,
html body.woocommerce-checkout #ship-to-different-address span{
  font-family:'Teachers',Georgia,serif !important;
  color:var(--avl-navy-800) !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
}

/* Câmpuri de formular — input/select/textarea curate */
html body.woocommerce-checkout .woocommerce form .form-row input.input-text,
html body.woocommerce-checkout .woocommerce form .form-row textarea,
html body.woocommerce-checkout .woocommerce form .form-row select,
html body.woocommerce-checkout .select2-container .select2-selection{
  border:1px solid var(--avl-line) !important;
  border-radius:10px !important;
  padding:12px 14px !important;
  min-height:48px !important;
  font-family:'Wix Madefor Text',sans-serif !important;
  font-size:14px !important;
  color:var(--avl-ink) !important;
  background:#fff !important;
  box-shadow:none !important;
  transition:border-color .15s, box-shadow .15s !important;
}
html body.woocommerce-checkout .woocommerce form .form-row input.input-text:focus,
html body.woocommerce-checkout .woocommerce form .form-row textarea:focus,
html body.woocommerce-checkout .woocommerce form .form-row select:focus{
  border-color:var(--avl-blue-600) !important;
  box-shadow:0 0 0 3px rgba(66,78,174,.12) !important;
  outline:0 !important;
}
html body.woocommerce-checkout .woocommerce form .form-row label{
  font-family:'Wix Madefor Text',sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:var(--avl-ink-soft) !important;
  margin-bottom:6px !important;
}
html body.woocommerce-checkout .woocommerce form .form-row .required{
  color:var(--avl-urgent) !important;
  text-decoration:none !important;
}

/* Evidențiem grupul de câmpuri firmă (company + cui + regcom) */
html body.woocommerce-checkout #billing_company_field,
html body.woocommerce-checkout #billing_cui_field,
html body.woocommerce-checkout #billing_regcom_field{
  background:#fbfcff;
}

/* Panoul de rezumat comandă */
html body.woocommerce-checkout #order_review,
html body.woocommerce-checkout .woocommerce-checkout-review-order{
  background:#fff !important;
  border:1px solid var(--avl-line) !important;
  border-radius:var(--avl-r) !important;
  padding:24px !important;
  box-shadow:var(--avl-shadow-sm) !important;
}
html body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table td{
  font-family:'Wix Madefor Text',sans-serif !important;
  font-size:14px !important;
}
html body.woocommerce-checkout .order-total .woocommerce-Price-amount{
  font-family:'Teachers',Georgia,serif !important;
  font-size:20px !important;
  color:var(--avl-navy-800) !important;
  font-weight:700 !important;
}

/* Metode de plată — carduri curate */
html body.woocommerce-checkout #payment{
  background:transparent !important;
}
html body.woocommerce-checkout #payment ul.payment_methods{
  border:0 !important;
  padding:0 !important;
}
html body.woocommerce-checkout #payment ul.payment_methods li{
  border:1px solid var(--avl-line) !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  margin-bottom:10px !important;
  background:#fff !important;
  list-style:none !important;
}
html body.woocommerce-checkout #payment ul.payment_methods li label{
  font-weight:600 !important;
  color:var(--avl-navy-800) !important;
}

/* Butonul „Plasează comanda" — navy AVL pe gold (acțiune finală) */
html body.woocommerce-checkout #payment #place_order,
html body.woocommerce-checkout button#place_order{
  background:var(--avl-gold) !important;
  background-color:var(--avl-gold) !important;
  color:#1a1400 !important;
  border:0 !important;
  border-radius:999px !important;
  padding:16px 28px !important;
  font-family:'Wix Madefor Text',sans-serif !important;
  font-weight:700 !important;
  font-size:16px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  width:100% !important;
  box-shadow:0 6px 18px rgba(200,162,74,.3) !important;
  transition:.18s !important;
}
html body.woocommerce-checkout #payment #place_order:hover,
html body.woocommerce-checkout button#place_order:hover{
  background:#d8b25c !important;
  transform:translateY(-1px) !important;
}

/* Cupon — câmp + buton curate */
html body.woocommerce-checkout .checkout_coupon .button,
html body.woocommerce .checkout_coupon .button{
  background:var(--avl-navy-800) !important;
  color:#fff !important;
  border-radius:999px !important;
  text-transform:none !important;
}

/* Pagina de coș — buton „Finalizează comanda" navy */
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background:var(--avl-navy-800) !important;
  color:#fff !important;
  border-radius:999px !important;
  font-family:'Wix Madefor Text',sans-serif !important;
  font-weight:600 !important;
  text-transform:none !important;
}
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background:var(--avl-blue-600) !important;
}


/* =========================================================================
   30. v0.12 — BANNER ASCUNS pe coș + checkout, buton navy (override teal),
   + spațiu sus ca să nu fie lipit de header.
   ========================================================================= */

/* Ascundem banner-ul generic „Cos"/„Checkout" (la fel ca pe single product) */
body.woocommerce-cart #pxl-page-title-elementor,
body.woocommerce-checkout #pxl-page-title-elementor,
body.woocommerce-page.woocommerce-cart #pxl-page-title-elementor,
body.woocommerce-page.woocommerce-checkout #pxl-page-title-elementor{
  display:none !important;
}

/* Spațiu sus pe coș/checkout (compensăm banner-ul scos) */
body.woocommerce-cart #pxl-content-area,
body.woocommerce-checkout #pxl-content-area,
body.woocommerce-cart .pxl-content-area,
body.woocommerce-checkout .pxl-content-area{
  padding-top:40px !important;
}

/* Butonul „Continuă cu finalizarea comenzii" — navy (override teal Mediverse).
   Acoperim selectorii standard WC + pxl + alt. */
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html body.woocommerce-cart .wc-proceed-to-checkout a,
html body.woocommerce-cart .cart_totals .button,
html body.woocommerce-cart .pxl-cart-totals a.checkout-button,
html body.woocommerce-cart a.checkout-button.button.alt,
html body.woocommerce-cart .checkout-button{
  background:var(--avl-navy-800) !important;
  background-color:var(--avl-navy-800) !important;
  background-image:none !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:'Wix Madefor Text','Helvetica Neue',Arial,sans-serif !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  box-shadow:0 4px 14px rgba(20,20,80,.18) !important;
}
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
html body.woocommerce-cart .checkout-button:hover{
  background:var(--avl-blue-600) !important;
  background-color:var(--avl-blue-600) !important;
}

/* Titlul „Total Coș" + total — serif navy */
html body.woocommerce-cart .cart_totals h2,
html body.woocommerce-cart .pxl-cart-totals h2{
  font-family:'Teachers',Georgia,serif !important;
  color:var(--avl-navy-800) !important;
}


/* =========================================================================
   31. v0.13 — Buton „Plasează comanda" GOLD (override agresiv pe teal).
   Mediverse îl pune în panelul de rezumat; folosim selectori multipli + ID.
   ========================================================================= */
html body.woocommerce-checkout #place_order,
html body.woocommerce-checkout button#place_order,
html body.woocommerce-checkout #place_order.button,
html body.woocommerce-checkout #place_order.button.alt,
html body.woocommerce-checkout button#place_order.button.alt,
html body.woocommerce-checkout #payment #place_order,
html body.woocommerce-checkout .woocommerce-checkout-payment #place_order,
html body.woocommerce-checkout form.checkout #place_order{
  background:var(--avl-gold) !important;
  background-color:var(--avl-gold) !important;
  background-image:none !important;
  color:#1a1400 !important;
  border:0 !important;
  border-radius:999px !important;
  padding:16px 28px !important;
  width:100% !important;
  font-family:'Wix Madefor Text','Helvetica Neue',Arial,sans-serif !important;
  font-weight:700 !important;
  font-size:16px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  box-shadow:0 6px 18px rgba(200,162,74,.3) !important;
  transition:.18s !important;
}
html body.woocommerce-checkout #place_order:hover,
html body.woocommerce-checkout button#place_order:hover,
html body.woocommerce-checkout #place_order.button.alt:hover{
  background:#d8b25c !important;
  background-color:#d8b25c !important;
  transform:translateY(-1px) !important;
}


/* =========================================================================
   32. v0.14 — FIX suprapunere „La comandă" peste „Cantitate" pe pagina produs.
   Mediverse randează stock-status lipit de label-ul de cantitate.
   Îl forțăm pe rând propriu, cu spațiu, fără poziționare absolută.
   ========================================================================= */
html body.single-product div.product .stock,
html body.single-product div.product p.stock{
  display:block !important;
  position:static !important;
  float:none !important;
  clear:both !important;
  margin:0 0 16px !important;
  width:auto !important;
  max-width:max-content;
}
/* Label „Cantitate" Mediverse — spațiu deasupra ca să nu se lipească de stock */
html body.single-product div.product form.cart{
  clear:both !important;
  margin-top:6px !important;
}
html body.single-product div.product .quantity,
html body.single-product div.product .pxl-quantity-label,
html body.single-product div.product form.cart > label{
  margin-top:4px !important;
}