/**
 * WooCommerce theming MINIMAL — doar culori, fonturi, butoane.
 * NU schimbă layout-ul/grid-ul/column-uri (acelea rămân ca în Hello Elementor + WC default).
 *
 * Aplicat pe toate paginile (selectorii .woocommerce sunt scope-uiți, deci pe pagini non-WC nu afectează).
 *
 * Plus: protecție anti-copy aplicată GLOBAL pe toate paginile site-ului.
 */

/* === Punte către design tokens (theme.css) ===
   WooCommerce refoloseste tokenii temei (--bg, --ink, --accent...) prin alias-uri --wc-*.
   Astfel magazinul urmeaza automat light/dark din theme.css, fara paleta duplicata.
   Tiberius = o singura paleta (verde); fara comutare pe domeniu. */
:root {
  --wc-bg: var(--bg);
  --wc-bg-2: var(--bg-2);
  --wc-bg-3: var(--bg-3);
  --wc-ink: var(--ink);
  --wc-ink-soft: var(--ink-soft);
  --wc-ink-muted: var(--ink-muted);
  --wc-line: var(--line);
  --wc-line-strong: var(--line-strong);
  --wc-accent: var(--accent);
  --wc-accent-hover: #234639;
  --wc-warm: var(--warm);
  --wc-warm-hover: #C56848;
}
:root[data-theme="dark"] { --wc-accent-hover: #5B9A80; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --wc-accent-hover: #5B9A80; }
}

/* === Wrapper de conținut shop/coș/produs/checkout (fără Elementor) === */
.wc-main {
  padding-top: 48px;
  padding-bottom: 72px;
}
.woocommerce-breadcrumb { margin-bottom: 24px; font-size: 13px; color: var(--wc-ink-muted); }
.woocommerce-products-header__title,
.wc-main .entry-title,
.wc-main h1 { font-size: clamp(28px, 4vw, 40px); margin-bottom: 24px; }

/* === Butoane Add to Cart, Checkout, etc. === */
.woocommerce a.button:not(.checkout-button),
.woocommerce button.button:not(.checkout-button),
.woocommerce input.button:not(.checkout-button),
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
  background-color: var(--wc-ink) !important;
  color: var(--wc-bg) !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 12px 24px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #place_order:hover {
  background-color: var(--wc-warm) !important;
  color: var(--wc-bg) !important;
  transform: translateY(-1px);
}

/* === Sale badge === */
.woocommerce span.onsale {
  background-color: var(--wc-warm) !important;
  color: #1A2E2A !important;
  border-radius: 100px !important;
  padding: 6px 14px !important;
  min-height: auto !important;
  min-width: auto !important;
  height: auto !important;
  width: auto !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-shadow: none !important;
}

/* === Prețuri === */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--wc-accent) !important;
  font-weight: 600 !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  color: var(--wc-ink-muted) !important;
  font-weight: 400 !important;
  opacity: 0.7;
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
  text-decoration: none !important;
  color: var(--wc-warm) !important;
  font-weight: 700 !important;
}

/* === Form fields (checkout, billing) — input/select cu rounding subtil === */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea,
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select {
  border: 1px solid var(--wc-line-strong) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
  outline: none !important;
  border-color: var(--wc-accent) !important;
  box-shadow: 0 0 0 3px rgba(45, 90, 74, 0.1) !important;
}

/* Quantity input */
.woocommerce .quantity .qty {
  border: 1px solid var(--wc-line-strong) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* === Notice (succes / info / eroare) === */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 8px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.woocommerce-message {
  border-top-color: var(--wc-accent) !important;
}
.woocommerce-message::before {
  color: var(--wc-accent) !important;
}
.woocommerce-error {
  border-top-color: var(--wc-warm) !important;
}
.woocommerce-error::before {
  color: var(--wc-warm) !important;
}

/* === Pagination — pill-uri rotunde === */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border-radius: 100px !important;
  padding: 6px 12px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: var(--wc-ink) !important;
  color: var(--wc-bg) !important;
}

/* === My Account navigation === */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  color: var(--wc-accent) !important;
  font-weight: 600 !important;
}

/* === Stock indicator === */
.woocommerce div.product .stock {
  color: var(--wc-accent) !important;
}
.woocommerce div.product .out-of-stock {
  color: var(--wc-warm) !important;
}

/* ========================================
   Product description — Suflet Liber design
   Folosit pe paginile de produs pentru descrierea modernă cu carduri, checklist etc.
   Class wrapper: .sl-pd
   ======================================== */
.sl-pd {
  --pd-bg: var(--wc-bg);
  --pd-bg-2: var(--wc-bg-2);
  --pd-bg-3: var(--wc-bg-3);
  --pd-ink: var(--wc-ink);
  --pd-ink-soft: var(--wc-ink-soft);
  --pd-line: var(--wc-line);
  --pd-accent: var(--wc-accent);
  --pd-warm: var(--wc-warm);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--pd-ink);
  line-height: 1.6;
  max-width: 760px;
  margin: 0 auto;
}
.sl-pd * { box-sizing: border-box; }

.sl-pd-hero {
  text-align: center;
  padding: 32px 24px;
  background: linear-gradient(135deg, var(--pd-bg-3), var(--pd-bg));
  border-radius: 24px;
  margin-bottom: 32px;
}
.sl-pd-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--pd-bg-2);
  font-size: 32px;
  margin-bottom: 16px;
  box-shadow: 0 4px 16px rgba(26, 46, 42, 0.08);
}
.sl-pd-hero h2 {
  margin: 0 0 8px !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: var(--pd-ink) !important;
}
.sl-pd-hero .sl-pd-byline {
  color: var(--pd-ink-soft);
  font-size: 15px;
  margin: 0;
}
.sl-pd-hero .sl-pd-byline strong {
  color: var(--pd-accent);
  font-weight: 600;
}

.sl-pd-lead {
  font-size: 17px;
  color: var(--pd-ink-soft);
  margin: 0 0 28px !important;
  text-align: center;
}
.sl-pd-lead strong {
  color: var(--pd-ink);
  font-weight: 600;
}

.sl-pd-list {
  list-style: none;
  padding: 0;
  margin: 0 0 32px !important;
  display: grid;
  gap: 12px;
}
/* NU folosi `display:flex` pe `li`: orice `<strong>`/`<em>` din text ar deveni flex item
   separat și s-ar rupe în coloană, cu `gap` între el și restul frazei. Bulina stă absolut,
   textul curge inline normal. */
.sl-pd-list li {
  position: relative;
  background: var(--pd-bg-2);
  border: 1px solid var(--pd-line);
  border-radius: 14px;
  padding: 16px 18px 16px 54px;
  font-size: 15px;
  color: var(--pd-ink);
  margin: 0 !important;
}
.sl-pd-list li::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 17px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--pd-accent);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
}

.sl-pd-approach {
  background: var(--pd-accent);
  color: var(--pd-bg);
  border-radius: 18px;
  padding: 24px 28px;
  margin-bottom: 28px;
}
.sl-pd-approach p {
  margin: 0 !important;
  font-size: 16px;
  line-height: 1.55;
  color: var(--pd-bg) !important;
}
.sl-pd-approach strong {
  color: #F5D9CC !important;
}

.sl-pd-bonus {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--pd-bg-2);
  border: 1px solid var(--pd-line);
  border-left: 4px solid var(--pd-warm);
  border-radius: 14px;
  padding: 20px 22px;
  margin-bottom: 32px;
}
.sl-pd-bonus-emoji {
  font-size: 32px;
  line-height: 1;
}
.sl-pd-bonus p {
  margin: 0 !important;
  font-size: 15px;
}
.sl-pd-bonus-tag {
  display: inline-block;
  background: var(--pd-warm);
  color: #1A2E2A !important;
  padding: 3px 10px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.sl-pd-contact {
  text-align: center;
  padding: 28px 24px;
  background: var(--pd-bg-3);
  border-radius: 18px;
  margin-bottom: 16px;
}
.sl-pd-contact-title {
  font-size: 13px;
  color: var(--pd-ink-soft);
  margin: 0 0 14px !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
}
.sl-pd-buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.sl-pd-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #25D366;
  color: white !important;
  padding: 12px 20px;
  border-radius: 100px;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 14px;
  transition: transform 0.2s, background 0.2s;
}
.sl-pd-btn:hover {
  background: #1FB957;
  transform: translateY(-1px);
}

.sl-pd-cta-final {
  text-align: center;
  font-size: 17px;
  color: var(--pd-ink);
  font-weight: 600;
  font-style: italic;
  margin: 24px 0 0 !important;
  padding-top: 20px;
  border-top: 1px solid var(--pd-line);
}

/* ========================================
   Sticky footer pattern — footer rămâne jos chiar și pe pagini scurte.
   Aplicat pe paginile WP standard / WooCommerce (NU pe template-urile custom care au propriul body class).
   ======================================== */
body:not(.tibi-homepage):not(.corina-homepage):not(.program-suflet-liber-page):not(.webinar-thank-you-page):not(.webinar-landing-page):not(.legal-page):not(.cadou-webinar-page):not(.multumire-comanda-page):not(.plata-esuata-page) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}
body:not(.tibi-homepage):not(.corina-homepage):not(.program-suflet-liber-page):not(.webinar-thank-you-page):not(.webinar-landing-page):not(.legal-page):not(.cadou-webinar-page):not(.multumire-comanda-page):not(.plata-esuata-page) #page,
body:not(.tibi-homepage):not(.corina-homepage):not(.program-suflet-liber-page):not(.webinar-thank-you-page):not(.webinar-landing-page):not(.legal-page):not(.cadou-webinar-page):not(.multumire-comanda-page):not(.plata-esuata-page) .site,
body:not(.tibi-homepage):not(.corina-homepage):not(.program-suflet-liber-page):not(.webinar-thank-you-page):not(.webinar-landing-page):not(.legal-page):not(.cadou-webinar-page):not(.multumire-comanda-page):not(.plata-esuata-page) main,
body:not(.tibi-homepage):not(.corina-homepage):not(.program-suflet-liber-page):not(.webinar-thank-you-page):not(.webinar-landing-page):not(.legal-page):not(.cadou-webinar-page):not(.multumire-comanda-page):not(.plata-esuata-page) .site-content,
body:not(.tibi-homepage):not(.corina-homepage):not(.program-suflet-liber-page):not(.webinar-thank-you-page):not(.webinar-landing-page):not(.legal-page):not(.cadou-webinar-page):not(.multumire-comanda-page):not(.plata-esuata-page) .site-main {
  flex: 1 0 auto !important;
  /* FIX: body e flex-column (sticky footer). `main.container` are `margin:0 auto`, iar
     marginile auto pe axa transversală anulează `align-items:stretch` → main se strânge la
     min-content (ex. coșul-bloc devine ~107px, strivit). `width:100%` îl readuce la lățime
     plină (capat la 1140 de `.container`, centrat de margin auto). `min-width:0` evită
     overflow-ul flex pe conținut lat (tabele coș). */
  width: 100% !important;
  min-width: 0 !important;
}
body:not(.tibi-homepage):not(.corina-homepage):not(.program-suflet-liber-page):not(.webinar-thank-you-page):not(.webinar-landing-page):not(.legal-page):not(.cadou-webinar-page):not(.multumire-comanda-page):not(.plata-esuata-page) footer.sl-footer {
  flex-shrink: 0 !important;
  margin-top: auto !important;
}

/* ========================================
   Footer override — același stil ca pe paginile noastre custom (webinar, homepage etc.)
   Suprascrie footerul Hello Elementor default pe toate paginile WP/WooCommerce.
   ======================================== */
footer.sl-footer {
  padding: 48px 24px !important;
  color: var(--wc-ink-muted) !important;
  font-size: 13px;
  border-top: 1px solid var(--wc-line);
  background: var(--wc-bg);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  text-align: left;
  width: 100% !important;
  clear: both !important;
}
footer.sl-footer .sl-footer-inner {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
footer.sl-footer .sl-footer-copy {
  color: var(--wc-ink-muted);
}
footer.sl-footer .sl-footer-links a {
  color: var(--wc-ink-soft) !important;
  text-decoration: none !important;
  margin-left: 20px;
  transition: color 0.2s;
}
footer.sl-footer .sl-footer-links a:first-child {
  margin-left: 0;
}
footer.sl-footer .sl-footer-links a:hover {
  color: var(--wc-warm) !important;
}
@media (max-width: 700px) {
  footer.sl-footer .sl-footer-inner {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
  footer.sl-footer .sl-footer-links a {
    margin: 0 10px;
  }
}

/* ========================================
   Buton coș în nav — apare în header lângă theme-toggle pe paginile cu template custom.
   Folosește variabilele paginii (`--ink`, `--bg-2`, `--warm`, `--line`).
   ======================================== */
a.sl-cart-link {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50% !important;
  background: var(--bg-2, #FFFFFF) !important;
  border: 1px solid var(--line, rgba(0,0,0,0.08)) !important;
  color: var(--ink, #1A2E2A) !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, background 0.2s ease;
  flex-shrink: 0;
  vertical-align: middle;
}
a.sl-cart-link:hover {
  background: var(--bg-3, #EDE6DA) !important;
  transform: scale(1.05);
}
a.sl-cart-link svg {
  stroke: currentColor !important;
  fill: none !important;
  width: 18px !important;
  height: 18px !important;
  display: block;
  pointer-events: none;
}
a.sl-cart-link .sl-cart-link-count {
  position: absolute;
  top: -4px;
  right: -4px;
  background: var(--warm, #D67D5C) !important;
  color: #1A2E2A !important;
  font-size: 10px;
  font-weight: 700;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  line-height: 1;
  border: 2px solid var(--bg, #F5F1EA);
}

/* ========================================
   Theme toggle — forțează SVG vizibil (problema în producție: stroke `currentColor` cu color override).
   ======================================== */
button.theme-toggle {
  color: var(--ink, #1A2E2A) !important;
  background: var(--bg-2, #FFFFFF) !important;
  border: 1px solid var(--line, rgba(0,0,0,0.08)) !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  flex-shrink: 0;
  vertical-align: middle;
  padding: 0;
}
button.theme-toggle:hover { transform: rotate(20deg); }
button.theme-toggle svg {
  stroke: currentColor !important;
  fill: none !important;
  width: 18px !important;
  height: 18px !important;
  display: block;
}

/* ========================================
   Header global (header.php) — folosit pe paginile WP standard + WooCommerce.
   Template-urile custom au propriul nav inline (neafectat).
   ======================================== */
nav.sl-shop-nav {
  padding: 24px 0;
  position: relative;
  z-index: 10;
  background: var(--bg);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
nav.sl-shop-nav .sl-shop-nav-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
nav.sl-shop-nav .sl-shop-logo {
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-size: 22px;
  color: var(--ink) !important;
  text-decoration: none !important;
}
nav.sl-shop-nav .sl-shop-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
nav.sl-shop-nav .sl-shop-link {
  color: var(--ink-soft) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 100px;
  transition: color 0.2s, background 0.2s;
}
nav.sl-shop-nav .sl-shop-link:hover {
  color: var(--ink) !important;
  background: var(--bg-3);
}

/* ========================================
   Pagina magazin — grid produse curat
   ======================================== */
.woocommerce.archive .woocommerce-products-header,
.woocommerce-page.archive .woocommerce-products-header {
  text-align: center;
  margin-bottom: 32px;
}
.woocommerce.archive .woocommerce-products-header__title,
.woocommerce-page.archive .woocommerce-products-header__title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(28px, 4vw, 40px) !important;
  letter-spacing: -0.02em;
  color: var(--wc-ink) !important;
  margin: 24px 0 !important;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Clearfix-ul WooCommerce (::before/::after cu display:table) devine celulă de grilă și împinge
   primul produs în coloana a doua → îl scoatem din grilă. */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  content: none !important;
  display: none !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--wc-bg-2) !important;
  border: 1px solid var(--wc-line) !important;
  border-radius: 18px !important;
  padding: 20px !important;
  margin: 0 !important;
  width: auto !important;
  float: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  display: flex !important;
  flex-direction: column !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(26, 46, 42, 0.08);
  border-color: var(--wc-accent) !important;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  border-radius: 12px !important;
  margin-bottom: 16px !important;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  font-family: 'Inter', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
  color: var(--wc-ink) !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  color: var(--wc-accent) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  margin: 0 0 14px !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
  color: var(--wc-ink-muted) !important;
  opacity: 0.7;
  font-weight: 400;
  margin-right: 6px;
}
.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
  text-decoration: none !important;
}
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
  margin-top: auto !important;
  display: inline-block;
  width: fit-content;
}
.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating {
  margin: 0 0 10px !important;
  color: var(--wc-warm);
}

/* ========================================
   Pagina coș (/cos/) — tabel + totaluri
   ======================================== */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
  max-width: 1140px;
  margin: 32px auto !important;
  padding: 0 24px;
}
.woocommerce-cart h1.entry-title,
.woocommerce-checkout h1.entry-title,
.woocommerce-cart .page-title,
.woocommerce-checkout .page-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(28px, 4vw, 40px) !important;
  letter-spacing: -0.02em !important;
  color: var(--wc-ink) !important;
  margin: 0 0 24px !important;
  text-align: center;
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
  border: 1px solid var(--wc-line) !important;
  border-radius: 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  background: var(--wc-bg-2) !important;
  font-family: 'Inter', sans-serif !important;
}
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
  background: var(--wc-bg-3) !important;
  color: var(--wc-ink) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--wc-line) !important;
  font-size: 14px;
}
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
  padding: 16px !important;
  color: var(--wc-ink-soft) !important;
  border-top: 1px solid var(--wc-line) !important;
  vertical-align: middle !important;
}
.woocommerce table.shop_table .product-name a,
.woocommerce-page table.shop_table .product-name a {
  color: var(--wc-ink) !important;
  font-weight: 500;
  text-decoration: none !important;
}
.woocommerce table.shop_table .product-name a:hover,
.woocommerce-page table.shop_table .product-name a:hover {
  color: var(--wc-accent) !important;
}
.woocommerce table.shop_table img,
.woocommerce-page table.shop_table img {
  width: 60px !important;
  height: 60px !important;
  border-radius: 8px;
  object-fit: cover;
}
.woocommerce table.shop_table .product-remove a.remove,
.woocommerce-page table.shop_table .product-remove a.remove {
  color: var(--wc-ink-muted) !important;
  background: transparent !important;
  font-size: 20px !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}
.woocommerce table.shop_table .product-remove a.remove:hover,
.woocommerce-page table.shop_table .product-remove a.remove:hover {
  color: var(--wc-warm) !important;
  background: transparent !important;
}
.woocommerce .quantity .qty,
.woocommerce-page .quantity .qty {
  border: 1px solid var(--wc-line-strong) !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  background: var(--wc-bg) !important;
  color: var(--wc-ink) !important;
  width: 70px !important;
  text-align: center;
  font-family: 'Inter', sans-serif !important;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
  margin-top: 32px !important;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  background: var(--wc-bg-2) !important;
  border: 1px solid var(--wc-line) !important;
  border-radius: 18px !important;
  padding: 24px 28px !important;
  float: right !important;
  width: 100%;
  max-width: 420px;
}
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-page .cart-collaterals .cart_totals h2 {
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--wc-ink) !important;
  margin: 0 0 16px !important;
  letter-spacing: -0.01em;
}
.woocommerce .cart-collaterals .cart_totals table {
  border: none !important;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table td {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--wc-line) !important;
  padding: 12px 0 !important;
}
.woocommerce .cart-collaterals .cart_totals .order-total th,
.woocommerce .cart-collaterals .cart_totals .order-total td {
  font-weight: 600 !important;
  color: var(--wc-ink) !important;
  font-size: 17px;
  border-bottom: none !important;
}
.woocommerce .actions .button,
.woocommerce-page .actions .button {
  background: var(--wc-bg-3) !important;
  color: var(--wc-ink) !important;
}
.woocommerce .actions .button:hover,
.woocommerce-page .actions .button:hover {
  background: var(--wc-line) !important;
}
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-page .wc-proceed-to-checkout {
  padding: 16px 0 0 !important;
}
.woocommerce a.checkout-button,
.woocommerce-page a.checkout-button {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  font-size: 16px !important;
  padding: 14px 24px !important;
}

/* Mesaj coș gol */
.woocommerce .cart-empty,
.woocommerce-page .cart-empty {
  background: var(--wc-bg-2) !important;
  border: 1px solid var(--wc-line) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  text-align: center;
  color: var(--wc-ink-soft) !important;
  font-size: 16px;
}
.woocommerce .return-to-shop,
.woocommerce-page .return-to-shop {
  margin-top: 16px !important;
  text-align: center;
}

/* Coupon form */
.woocommerce form.checkout_coupon,
.woocommerce-page form.checkout_coupon {
  border: 1px solid var(--wc-line) !important;
  border-radius: 14px !important;
  padding: 20px !important;
  background: var(--wc-bg-2) !important;
  margin-bottom: 24px !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text {
  border: 1px solid var(--wc-line-strong) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  background: var(--wc-bg) !important;
  color: var(--wc-ink) !important;
  font-family: 'Inter', sans-serif !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce-page form .form-row input.input-text:focus {
  border-color: var(--wc-accent) !important;
  outline: none;
}

@media (max-width: 768px) {
  .woocommerce table.shop_table,
  .woocommerce-page table.shop_table { display: block; }
  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals { float: none !important; max-width: none; }
}

/* ========================================
   Force body + wrappers transparent pe paginile WP/WooCommerce default
   (parent theme Hello Elementor pune `background: white` pe `.site-main` etc.)
   ======================================== */
html, body {
  background: var(--bg) !important;
  color: var(--ink) !important;
}
body .site-main,
body #content,
body #main,
body #primary,
body .site,
body .site-content,
body .page-content,
body .page-header,
body .entry-content,
body .post-content,
body article.page,
body article.post,
body article.product {
  background: transparent !important;
  background-color: transparent !important;
}

/* === Titlu pagină (Coș, Magazin, etc.) === */
body .page-header {
  text-align: center;
  padding: 32px 24px 24px;
  max-width: 1140px;
  margin: 0 auto;
}
body .entry-title,
body .page-header .entry-title,
body .page-header h1 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(28px, 4vw, 40px) !important;
  letter-spacing: -0.02em !important;
  color: var(--ink) !important;
  margin: 0 !important;
  line-height: 1.15;
}

/* ========================================
   Block-based Cart (Gutenberg) — selectori `.wc-block-*`
   ======================================== */
.wp-block-woocommerce-cart {
  max-width: 1140px;
  margin: 16px auto !important;
  padding: 0 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.wc-block-cart-items {
  background: var(--bg-2) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  overflow: hidden;
  border-collapse: separate !important;
  border-spacing: 0;
}
.wc-block-cart-items__header th {
  background: var(--bg-3) !important;
  color: var(--ink) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  padding: 14px 16px !important;
  text-transform: capitalize !important;
  letter-spacing: 0 !important;
  font-size: 14px !important;
  border: none !important;
}
.wc-block-cart-items__row td {
  padding: 16px !important;
  border-top: 1px solid var(--line) !important;
  background: transparent !important;
  vertical-align: middle !important;
}
.wc-block-cart-item__image img {
  border-radius: 8px !important;
  object-fit: cover;
}
.wc-block-components-product-name {
  color: var(--ink) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  font-size: 16px !important;
}
.wc-block-components-product-name:hover { color: var(--accent) !important; }
.wc-block-components-product-price__regular { color: var(--ink-muted) !important; opacity: 0.75; }
.wc-block-components-product-price__value { color: var(--ink) !important; font-weight: 600 !important; }
.wc-block-components-product-price__value.is-discounted { color: var(--accent) !important; }
.wc-block-components-quantity-selector {
  border: 1px solid var(--line-strong) !important;
  border-radius: 8px !important;
  background: var(--bg) !important;
  overflow: hidden;
}
.wc-block-components-quantity-selector__input {
  color: var(--ink) !important;
  background: transparent !important;
  font-family: 'Inter', sans-serif !important;
  border: none !important;
}
.wc-block-components-quantity-selector__button {
  color: var(--ink) !important;
  background: transparent !important;
  border: none !important;
}
.wc-block-components-quantity-selector__button:hover:not(:disabled) {
  background: var(--bg-3) !important;
}
.wc-block-cart-item__remove-link {
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  padding: 4px;
}
.wc-block-cart-item__remove-link svg { fill: var(--ink-muted) !important; transition: fill 0.2s; }
.wc-block-cart-item__remove-link:hover svg { fill: var(--warm) !important; }

.wc-block-components-product-badge.wc-block-components-sale-badge {
  background: var(--warm) !important;
  color: #1A2E2A !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  border-radius: 100px !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
}

.wc-block-cart__sidebar {
  background: var(--bg-2) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  padding: 24px !important;
}
.wc-block-cart__totals-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  margin: 0 0 16px !important;
  letter-spacing: -0.01em;
}
.wc-block-components-totals-item {
  color: var(--ink-soft) !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--line);
}
.wc-block-components-totals-item__label { color: var(--ink-soft) !important; }
.wc-block-components-totals-item__value { color: var(--ink) !important; font-weight: 600 !important; }
.wc-block-components-totals-footer-item {
  font-size: 17px !important;
  color: var(--ink) !important;
  font-weight: 600 !important;
  border-bottom: none !important;
  padding-top: 16px !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--ink) !important;
  font-size: 17px !important;
}
.wc-block-cart__submit-button.wc-block-components-button {
  background: var(--ink) !important;
  color: var(--bg) !important;
  border-radius: 100px !important;
  padding: 14px 24px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  width: 100% !important;
  text-align: center !important;
  border: none !important;
  text-decoration: none !important;
  transition: background 0.2s, transform 0.2s;
  display: block !important;
}
.wc-block-cart__submit-button.wc-block-components-button:hover {
  background: var(--warm) !important;
  transform: translateY(-1px);
}
.wc-block-components-totals-coupon .wc-block-components-panel__button,
.wc-block-components-totals-coupon button {
  color: var(--accent) !important;
  background: transparent !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
}
.wc-block-components-totals-coupon .wc-block-components-panel__button-icon { fill: var(--accent) !important; }
.wc-block-components-totals-coupon .wc-block-components-text-input input {
  border: 1px solid var(--line-strong) !important;
  border-radius: 8px !important;
  background: var(--bg) !important;
  color: var(--ink) !important;
  padding: 10px 12px !important;
}

/* Mesaj coș gol pe block-cart */
.wp-block-woocommerce-empty-cart-block {
  background: var(--bg-2) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px;
  padding: 32px !important;
  text-align: center;
  color: var(--ink-soft);
}

/* ========================================
   Pagina produs single (.single-product)
   ======================================== */
.single-product div.product {
  display: grid !important;
  grid-template-columns: 1fr 1.1fr;
  gap: 40px;
  max-width: 1140px;
  margin: 16px auto 32px !important;
  padding: 0 24px;
  background: transparent !important;
}
.single-product .woocommerce-product-gallery {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
.single-product .woocommerce-product-gallery img {
  border-radius: 12px;
}
.single-product .summary.entry-summary {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.single-product .product_title.entry-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(24px, 3vw, 32px) !important;
  letter-spacing: -0.02em !important;
  color: var(--ink) !important;
  margin: 0 0 16px !important;
  text-align: left !important;
}
.single-product .product .price {
  color: var(--accent) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  margin: 0 0 20px !important;
}
.single-product .product .price del { color: var(--ink-muted) !important; opacity: 0.7; margin-right: 8px; font-weight: 400; }
.single-product .product .price ins { text-decoration: none !important; }
.single-product .product .price .woocommerce-Price-amount { color: inherit !important; }
.single-product .product_meta {
  margin-top: 28px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--line) !important;
  color: var(--ink-soft) !important;
  font-size: 14px !important;
}
.single-product .product_meta span { display: block; }
.single-product .product_meta a {
  color: var(--accent) !important;
  text-decoration: none !important;
}
.single-product .product_meta a:hover { color: var(--warm) !important; }

.single-product .woocommerce-breadcrumb {
  max-width: 1140px;
  margin: 16px auto 0 !important;
  padding: 0 24px !important;
  font-size: 13px !important;
  color: var(--ink-muted) !important;
  font-family: 'Inter', sans-serif !important;
}
.single-product .woocommerce-breadcrumb a {
  color: var(--ink-soft) !important;
  text-decoration: none !important;
}
.single-product .woocommerce-breadcrumb a:hover { color: var(--accent) !important; }

.single-product form.cart {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin: 24px 0 !important;
}
.single-product form.cart .quantity {
  margin: 0 !important;
}
.single-product .input-text.qty {
  border: 1px solid var(--line-strong) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  background: var(--bg) !important;
  color: var(--ink) !important;
  width: 70px !important;
  text-align: center;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
}
.single-product .single_add_to_cart_button {
  margin: 0 !important;
}

@media (max-width: 768px) {
  .single-product div.product { grid-template-columns: 1fr; gap: 24px; }
  .wp-block-woocommerce-cart .wc-block-components-sidebar-layout { display: block !important; }
  .wc-block-cart__sidebar { margin-top: 24px; }
}

/* ========================================
   Ascunde „Produse similare", „Cross-sells" și „Upsells" pe pagina produs.
   ======================================== */
.related.products,
.upsells.products,
.cross-sells,
section.related,
section.upsells,
.products.related,
.products.upsells,
.woocommerce-related-products,
.woocommerce-upsell-products {
  display: none !important;
}

/* html/body acopera tot viewport-ul (fara wrapperele Elementor) */
html, body { min-height: 100vh; }