/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Asigură poziționarea relativă a thumbnail-ului */
.product-grid-item .product-thumbnail,
.woocommerce ul.products li.product .product-thumbnail {
  position: relative;
}

/* Badge-urile ACF: implicit sus-stânga (unde ar sta și "Nou") */
.moze-badges {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  z-index: 5;
}

/* Stilul fiecărui badge */
.moze-badge {
  padding: 4px 8px;
  font-size: 11px;
  line-height: 1;
  border-radius: 999px;
  background: #111;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .04em;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
  white-space: nowrap;
}

/* === Poziționare sub "Nou" când există "Nou" ===
   Woodmart/ Woo pun de obicei etichetele într-un container comun (.product-labels / .wd-labels)
   și aplica clase care conțin "new". Folosim :has() pentru a detecta prezența. */

/* Variante probabile de clase pentru "Nou" — acoperim mai multe teme/case */
.product-grid-item:has(.product-labels .new),
.product-grid-item:has(.product-labels .label-new),
.product-grid-item:has(.product-labels .wd-new-label),
.product-grid-item:has(.wd-labels .new),
.product-grid-item:has(.wd-labels .label-new),
.product-grid-item:has(.wd-labels .wd-new-label) {
  --_moze-new-h: 24px; /* înălțimea aproximativă a "Nou" (ajustabil) */
}

/* Mutăm badge-urile sub "Nou" dacă a fost detectat */
.product-grid-item:has(.product-labels .new) .moze-badges,
.product-grid-item:has(.product-labels .label-new) .moze-badges,
.product-grid-item:has(.product-labels .wd-new-label) .moze-badges,
.product-grid-item:has(.wd-labels .new) .moze-badges,
.product-grid-item:has(.wd-labels .label-new) .moze-badges,
.product-grid-item:has(.wd-labels .wd-new-label) .moze-badges {
  top: calc(8px + var(--_moze-new-h));
}

/* Fine-tuning: dacă "Nou" e mai mare/alt font, ajustează --_moze-new-h în funcție de tema ta.
   De ex.: 28px sau 32px */

/* CART: ascunde zona de cupon */
.woocommerce-cart .coupon,
.woocommerce-cart form.woocommerce-cart-form .coupon,
.woocommerce-cart .woocommerce-cart-form__contents .coupon {
  display: none !important;
}

/* CHECKOUT: ascunde zona "Have a coupon?" + formularul */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout form.checkout_coupon {
  display: none !important;
}

@media (max-width: 1024px) {
    .whb-header {
        z-index: 1000;
    }

    .moze-sticky-filters-bar {
        position: sticky !important;
        top: var(--moze-sticky-header-height, 0px);
        z-index: 999;
        padding: 10px 12px;
        background: #fff;
        transition:
            transform 0.28s ease,
            top 0.18s ease,
            box-shadow 0.28s ease;
        will-change: transform, top;
    }

    .moze-sticky-filters-bar.moze-is-sticky {
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    }

    .moze-sticky-filters-bar.moze-scroll-hidden {
        transform: translate3d(0, -140%, 0);
        pointer-events: none;
    }

    .moze-sticky-filters-bar:not(.moze-scroll-hidden) {
        transform: translate3d(0, 0, 0);
    }
}

/* MOZE - Test font eticheta factura pe firma */