/* ============================================================
   NXS - Fix-uri pagina Coș (WooCommerce Cart block)
   Woocommerce isi incarca CSS-ul propriu (woocommerce-general-css
   etc.) dupa acest fisier, deci folosim !important pe proprietatile
   care altfel ar pierde in cascada (acelasi motiv ca la butonul
   "Adaugă în coș" de pe pagina de produs "estore").
   ============================================================ */

/* Titlu pagina "Coș" - fontul implicit de titlu al temei e Rajdhani
   (fara diacritice bune, vezi "ș"-ul din Coș) - trecem pe Roboto,
   acelasi font ca restul textului, si mai mic decat inainte. */
body.woocommerce-cart .wp-block-post-title {
  font-family: var(--wp--preset--font-family--roboto), sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
}

/* Notificarea "<Produs> a fost adăugat în coș" - text mai mic */
.wc-block-components-notice-banner__content {
  font-size: var(--wp--preset--font-size--small) !important;
  font-family: var(--wp--preset--font-family--roboto), sans-serif !important;
  font-weight: 500 !important;
}

/* Link-ul "Continuă cumpărăturile" - de fapt e link-ul clasic WooCommerce
   "wc-forward" (generat de wc_add_to_cart_message, nu de blocul Cart),
   de-aia clasele wc-block-components-* nu il prindeau. Il aliniem la
   fontul folosit si pentru numele produsului din aceeasi notificare
   (Roboto normal, nu bold). */
.wc-block-components-notice-banner .wc-forward,
a.wc-forward {
  font-family: var(--wp--preset--font-family--roboto), sans-serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Butonul "Continuă cu finalizarea comenzii" -
   era prea subtire (fontul global de buton al temei, weight 300) */
.wc-block-cart__submit-button {
  font-family: var(--wp--preset--font-family--roboto), sans-serif !important;
  font-weight: 600 !important;
  background-color: #2d7d46 !important;
  color: #fff !important;
}

/* Hover - implicit devenea gri (regula globala .wp-element-button:hover
   foloseste color-mix cu culoarea "contrast"). Il aliniem la acelasi
   comportament ca butonul "Adaugă în coș": ramane verde, doar se lumineaza. */
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus {
  background-color: #2d7d46 !important;
  color: #fff !important;
  filter: brightness(1.1) !important;
}

/* Scoate descrierea scurta afisata sub fiecare produs din cos */
.wc-block-components-product-metadata__description {
  display: none !important;
}

/* Buton "Aplică" - aceeasi inaltime ca inputul (50px, inaltimea lui
   nativa WooCommerce - NU schimbam inaltimea/padding-ul inputului,
   fiindca foloseste eticheta plutitoare "Introdu codul", care are
   nevoie de padding-top diferit cand e activa/completata ca sa urce
   deasupra textului scris; daca ii fortam padding fix, eticheta ramane
   suprapusa peste cod). */
.wc-block-components-totals-coupon__button {
  height: 50px !important;
  min-height: 50px !important;
  box-sizing: border-box !important;
  line-height: normal !important;

  font-family: var(--wp--preset--font-family--roboto), sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 0 18px !important;
  background-color: #2d7d46 !important;
  color: #fff !important;
  opacity: 1 !important;
  border-radius: 4px !important;
}

.wc-block-components-totals-coupon__button:hover,
.wc-block-components-totals-coupon__button:focus {
  background-color: #2d7d46 !important;
  color: #fff !important;
  filter: brightness(1.1) !important;
}

/* Campul "Introdu codul" - doar fontul, fara sa atingem padding/inaltime */
.wc-block-components-totals-coupon__input input {
  font-family: var(--wp--preset--font-family--roboto), sans-serif !important;
  font-weight: 400 !important;
}

/* ============================================================
   NXS - Fix-uri specifice pagina Checkout
   ============================================================ */

/* Header duplicat: WooCommerce randeaza pe pagina de checkout propriul
   sau template minimal (bloc "Site Title" -> textul "RO CEREAL"),
   separat de header-ul nostru custom (.nxs-header) care oricum apare
   pe pagina. Il ascundem intreg (inclusiv padding-ul lui). */
body.woocommerce-checkout header.wp-block-template-part {
  display: none !important;
}

/* "În prezent, verifici ca vizitator." - notificarea de guest checkout */
body.woocommerce-checkout .wc-block-checkout__guest-checkout-notice {
  display: none !important;
}

/* Placeholder-e / etichete campuri - stil Shopify (mai subtiri, Roboto
   normal in loc de bold-ul implicit de 700 mostenit de la <body>) */
body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder {
  font-family: var(--wp--preset--font-family--roboto), sans-serif !important;
  font-weight: 400 !important;
}

body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-text-input textarea,
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout textarea {
  font-family: var(--wp--preset--font-family--roboto), sans-serif !important;
  font-weight: 400 !important;
}

/* Marginea prea groasa la focus pe campuri: peste border-ul propriu
   WooCommerce (1.5px) se aduna un outline generic al temei de 2px,
   aplicat de tema pe orice element focusabil (:where(.wp-site-blocks :focus)).
   Le subtiem doar pe campurile de checkout. */
body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-text-input textarea:focus {
  outline-width: 1px !important;
  border-width: 1px !important;
}

/* Butonul "Plasează comanda" - acelasi motiv ca la "Continuă cu finalizarea
   comenzii": mostenea fontul global de buton al temei (Industry Test,
   weight 300), prea subtire si fara diacritice bune. */
.wc-block-components-checkout-place-order-button {
  font-family: var(--wp--preset--font-family--roboto), sans-serif !important;
  font-weight: 600 !important;
  background-color: #2d7d46 !important;
  color: #fff !important;
}

.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button:focus {
  background-color: #2d7d46 !important;
  color: #fff !important;
  filter: brightness(1.1) !important;
}

/* ============================================================
   NXS - Fix-uri pagina "Comandă primită" (order-received), inclusiv
   ecranul de confirmare a emailului pentru comenzi facute ca vizitator
   (text mostenea bold-ul implicit de 700 al <body>, iar butonul mostenea
   fontul global subtire "Industry Test", acelasi motiv ca la celelalte
   butoane de pe cos/checkout).
   ============================================================ */
body.woocommerce-order-received p {
  font-weight: 400 !important;
}

body.woocommerce-order-received .woocommerce-verify-email button,
body.woocommerce-order-received .woocommerce-verify-email input[type="submit"],
body.woocommerce-order-received .woocommerce-verify-email .button,
body.woocommerce-order-received form button[type="submit"] {
  font-family: var(--wp--preset--font-family--roboto), sans-serif !important;
  font-weight: 600 !important;
}

/* ============================================================
   NXS - Redesign responsive rand produs in Cos (mobil)
   Cauza: pe mobil clasa .is-mobile a blocului Cart nu se declanseaza,
   deci randul ramane pe grid-ul desktop (imagine | produs | total) si
   coloana "total" (pret + badge "Salvează") se suprapune peste titlu
   si se strivea. Preluam COMPLET controlul randului cu un grid propriu.
   Breakpoint 700px = breakpoint-ul mobil al blocului Cart WooCommerce.
   ============================================================ */
@media (max-width: 700px){

  /* Grid propriu, clar: imagine (stanga, pe 2 randuri) + continut (dreapta),
     cu "total" sub "produs" -> fara nicio suprapunere. */
  body.woocommerce-cart .wc-block-cart-items__row{
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    grid-template-areas: "image product" !important;
    column-gap: 14px !important;
    row-gap: 8px !important;
    align-items: start !important;
    padding: 18px 0 !important;
  }
  body.woocommerce-cart .wc-block-cart-item__image{
    grid-area: image !important;
    width: 72px !important;
  }
  body.woocommerce-cart .wc-block-cart-item__image img{
    width: 72px !important;
    height: auto !important;
    border-radius: 8px !important;
  }
  body.woocommerce-cart .wc-block-cart-item__product{
    grid-area: product !important;
    min-width: 0 !important;
  }
  /* Ascundem complet coloana "total" pe mobil: pretul-linie duplicat
     "28.900,00 lei" + badge-ul "Salvează 3.100,00 lei" - cerute explicit
     pentru stergere. Totalul comenzii ramane in sumarul de jos, iar pretul
     per-produs ramane sub titlu. */
  body.woocommerce-cart .wc-block-cart-item__total{
    display: none !important;
  }

  /* Titlu produs: fara subliniere permanenta (arata ca text curat, nu link
     brut) - subliniere doar la hover. Se rupe curat pe cuvinte. */
  body.woocommerce-cart .wc-block-components-product-name{
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    overflow-wrap: break-word !important;
  }
  body.woocommerce-cart a.wc-block-components-product-name:hover{
    text-decoration: underline !important;
  }

  /* Preturi per-produs (del + ins) sub titlu: aliniate stanga, incap */
  body.woocommerce-cart .wc-block-cart-item__prices{
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
  body.woocommerce-cart .wc-block-components-product-price__regular{
    font-size: 12px !important;
    opacity: .6 !important;
  }

  /* Cantitate + stergere: putin spatiu deasupra */
  body.woocommerce-cart .wc-block-cart-item__quantity{
    margin-top: 6px !important;
  }

  /* Plasa de siguranta anti-overflow */
  body.woocommerce-cart .wc-block-cart-items,
  body.woocommerce-cart .wc-block-cart-items__row,
  body.woocommerce-cart .wc-block-cart-item__product,
  body.woocommerce-cart .wc-block-cart-item__total{
    max-width: 100% !important;
  }
}

/* ============================================================
   NXS - Ascunde notificarea "<Produs> a fost adăugat în coș"
   de pe pagina Cos (bannerul verde de succes). Pastram mesajele
   de EROARE (is-error), ascundem doar succesul.
   ============================================================ */
body.woocommerce-cart .wc-block-components-notice-banner.is-success,
body.woocommerce-cart .woocommerce-message{
  display: none !important;
}

/* ============================================================
   NXS - Redesign responsive "Rezumat comanda" (Checkout, mobil)
   Problema: numele produsului era strivit intre imagine si coloana
   de pret din dreapta -> se rupea pe 5-6 randuri, iar badge-ul
   "Salvează" era gri si inghesuit. Il rearanjam cu un grid propriu.
   Se aplica la AMBELE rezumate (cel de sus, pliabil, si cel de jos).
   ============================================================ */
@media (max-width: 700px){
  body.woocommerce-checkout .wc-block-components-order-summary-item{
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    grid-template-areas:
      "image description"
      "image total" !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: start !important;
    padding: 14px 0 !important;
  }
  body.woocommerce-checkout .wc-block-components-order-summary-item__image{
    grid-area: image !important;
    width: 46px !important;
    position: relative !important;
  }
  body.woocommerce-checkout .wc-block-components-order-summary-item__image img{
    width: 46px !important;
    height: auto !important;
    border-radius: 6px !important;
  }
  body.woocommerce-checkout .wc-block-components-order-summary-item__description{
    grid-area: description !important;
    min-width: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    overflow-wrap: break-word !important;
  }
  body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-name{
    font-weight: 600 !important;
  }

  /* Preturile per-unitate (taiat + redus) raman sub nume, pentru efectul "deal" */
  body.woocommerce-checkout .wc-block-components-order-summary-item__individual-prices{
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin-top: 3px !important;
  }
  body.woocommerce-checkout .wc-block-components-order-summary-item__individual-prices del,
  body.woocommerce-checkout .wc-block-components-product-price__regular{
    font-size: 12px !important;
    opacity: .6 !important;
  }
  body.woocommerce-checkout .wc-block-components-order-summary-item__individual-prices ins{
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  /* Zona "total" (sub nume): ascundem pretul-total DUPLICAT (acelasi cu cel
     redus de mai sus) si pastram DOAR badge-ul de economie, aliniat stanga. */
  body.woocommerce-checkout .wc-block-components-order-summary-item__total-price{
    grid-area: total !important;
    margin-left: 0 !important;
    padding-top: 2px !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
  }
  body.woocommerce-checkout .wc-block-components-order-summary-item__total-price .wc-block-components-formatted-money-amount{
    display: none !important;
  }

  /* Sale badge "Salvează X lei": pill verde discret, pe un singur rand */
  body.woocommerce-checkout .wc-block-components-sale-badge{
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    padding: 4px 10px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #e8f3ec !important;
    color: #1e5f35 !important;
    box-sizing: border-box !important;
  }

}