/**
 * OrganicsFood Category Pages CSS — v3.4
 * REGULA DE AUR: NU atingem layout-ul Shoptimizer!
 * Fix: card gap (transparent border + inset shadow), paginatie, badge ofpb, Mai mult
 * @version 3.4.0
 */

/* =====================================================
   PAGE HEADER — Category title + description
   ===================================================== */

.woocommerce-products-header__title {
  font-family: var(--font-heading);
}

.term-description {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* =====================================================
   PRODUCT CARD — border fin + colturi rotunjite + GAP
   Shoptimizer: flex, padding-based gutters (0 15px 40px)
   Solutie: transparent border = gap, box-shadow inset = visual border
   background-clip: padding-box = fundal doar in interior
   ===================================================== */

ul.products li.product {
  border: 6px solid transparent !important;
  border-radius: var(--radius-lg);
  box-shadow: inset 0 0 0 1px var(--color-border-light);
  overflow: hidden;
  background: var(--color-white);
  background-clip: padding-box;
}

/* Card hover — shadow subtil (desktop only) */
@media (min-width: 769px) {
  ul.products li.product {
    transition: box-shadow var(--duration-normal) var(--ease-out),
                transform var(--duration-normal) var(--ease-out);
  }

  ul.products li.product:hover {
    box-shadow: inset 0 0 0 1px var(--color-border),
                0 8px 24px rgba(12, 129, 96, 0.12);
    transform: translateY(-2px);
  }
}

/* Image zoom on hover */
ul.products li.product .attachment-woocommerce_thumbnail,
ul.products li.product .wp-post-image {
  transition: transform var(--duration-slow) var(--ease-out);
}

ul.products li.product:hover .attachment-woocommerce_thumbnail,
ul.products li.product:hover .wp-post-image {
  transform: scale(1.04);
}

ul.products li.product .image-wrap {
  overflow: hidden;
}

/* Price styling — sale price orange */
ul.products li.product .price ins {
  color: var(--color-secondary);
  text-decoration: none;
}

ul.products li.product .price del {
  color: var(--color-text-muted);
}

/* Sale badge — stil curat */
ul.products li.product .onsale {
  font-family: var(--font-body);
  font-weight: var(--weight-bold);
  border-radius: var(--radius-sm);
}

/* =====================================================
   ASCUNDE badge-uri custom "Mega pretul anului"
   Plugin: OpenForProfessionals Badges (ofpb-*)
   + CommerceKit fallback (ckit-*)
   ===================================================== */

.ofpb-badges-front,
.ofpb-badge-preview,
ul.products li.product .ofpb-badges-front,
ul.products li.product .ofpb-badge-preview,
.ckit-badge_wrapper,
.ckit-badge,
.cgkit-custom-badge,
.shoptimizer-custom-badge,
.cgkit-product-badge {
  display: none !important;
  visibility: hidden !important;
}

/* =====================================================
   "MAI MULT" LINK — styled clean
   ===================================================== */

.woocommerce-products-header .term-description + a,
.term-description ~ a,
a.shoptimizer-read-more,
.woocommerce-product-details__short-description ~ a[href="#"],
.woocommerce-products-header a:not(.button) {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--color-primary);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  text-decoration: none;
  padding: var(--space-2) 0;
  border-bottom: 1px solid transparent;
  transition: color var(--duration-fast) var(--ease-out),
              border-color var(--duration-fast) var(--ease-out);
}

.woocommerce-products-header .term-description + a:hover,
.term-description ~ a:hover,
a.shoptimizer-read-more:hover {
  color: var(--color-primary-dark);
  border-bottom-color: var(--color-primary-dark);
}

/* =====================================================
   SIDEBAR FILTERS — subtle enhancement
   ===================================================== */

.widget-area .widget-title {
  font-family: var(--font-heading);
}

.widget_price_filter .ui-slider-range {
  background: var(--color-primary);
}

.widget_price_filter .ui-slider-handle {
  border-color: var(--color-primary);
  width: 24px;
  height: 24px;
}

/* =====================================================
   PAGINATION — culori armonizate, specificitate mare
   Shoptimizer: .woocommerce-pagination .page-numbers li .page-numbers.current
   ===================================================== */

.woocommerce-pagination .page-numbers {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
  min-width: var(--touch-min);
  min-height: var(--touch-min);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  border-radius: var(--radius-sm);
  transition: background-color var(--duration-fast) var(--ease-out),
              color var(--duration-fast) var(--ease-out),
              border-color var(--duration-fast) var(--ease-out);
}

.woocommerce-pagination .page-numbers li a {
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
  background: var(--color-white);
}

.woocommerce-pagination .page-numbers li a:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: var(--color-primary-50);
}

/* CURRENT PAGE — specificitate > Shoptimizer */
.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-primary) !important;
  font-weight: var(--weight-bold);
}

/* Next/prev arrows */
.woocommerce-pagination .page-numbers li a.next,
.woocommerce-pagination .page-numbers li a.prev {
  border-color: transparent;
  color: var(--color-text-muted);
}

.woocommerce-pagination .page-numbers li a.next:hover,
.woocommerce-pagination .page-numbers li a.prev:hover {
  color: var(--color-primary);
  background: transparent;
  border-color: transparent;
}