/* ==========================================================================
   WOOCOMMERCE.CSS — OVERRIDES & OPTIMIZATIONS
   Author: promedia.digital (https://promedia.digital/)
   ========================================================================== */

/* WooCommerce Buttons Overrides */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: var(--pn-green-primary) !important;
  color: #FFFFFF !important;
  font-family: var(--pn-font-heading) !important;
  font-weight: 700 !important;
  padding: 12px 24px !important;
  border-radius: var(--pn-radius-sm) !important;
  border: none !important;
  transition: var(--pn-transition) !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: var(--pn-green-dark) !important;
  color: #FFFFFF !important;
}

/* Custom Styled Select Dropdown (WooCommerce Catalog Ordering) */
.woocommerce-ordering select,
.woocommerce select,
select.orderby,
.pn-shop-bar select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FFFFFF !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232D3748' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 14px 14px !important;
  border: 1px solid var(--pn-border-color) !important;
  border-radius: var(--pn-radius-sm) !important;
  padding: 8px 36px 8px 14px !important;
  font-family: var(--pn-font-heading) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: var(--pn-text-dark) !important;
  cursor: pointer !important;
  transition: var(--pn-transition) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  outline: none !important;
  height: 40px !important;
  line-height: 1.4 !important;
}

.woocommerce-ordering select:hover,
.woocommerce select:hover,
select.orderby:hover,
.pn-shop-bar select:hover {
  border-color: var(--pn-green-primary) !important;
  background-color: var(--pn-sand-bg) !important;
}

.woocommerce-ordering select:focus,
.woocommerce select:focus,
select.orderby:focus,
.pn-shop-bar select:focus {
  border-color: var(--pn-green-primary) !important;
  box-shadow: 0 0 0 3px rgba(57, 181, 74, 0.18) !important;
}

/* Quantity Field Styling */
.woocommerce .quantity .qty {
  width: 70px;
  height: 44px;
  text-align: center;
  border: 1px solid var(--pn-border-color);
  border-radius: var(--pn-radius-sm);
  font-family: var(--pn-font-heading);
  font-weight: 700;
  font-size: 1.1rem;
}

/* Star Rating */
.woocommerce .star-rating {
  color: var(--pn-amber-accent) !important;
}

/* Sale Flash Badge */
.woocommerce span.onsale {
  background-color: var(--pn-amber-accent) !important;
  color: #FFFFFF !important;
  font-family: var(--pn-font-heading) !important;
  font-weight: 800 !important;
  border-radius: var(--pn-radius-full) !important;
  min-height: auto !important;
  line-height: 1 !important;
  padding: 6px 12px !important;
}

/* Single Product Description & Content Cleanup (Sin bordes negros) */
.single-product .pn-single-product-card,
.single-product .pn-product-description-wrapper,
.single-product .pn-product-content,
.single-product .pn-product-content *,
.single-product .woocommerce-tabs,
.single-product .woocommerce-Tabs-panel,
.single-product .entry-content,
.single-product .entry-content * {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.single-product .pn-single-product-card {
  box-shadow: var(--pn-shadow-sm) !important;
  border: none !important;
}

/* Format Product Description with Natural Spacing matching WP Visual Editor */
.pn-product-content {
  line-height: 1.8 !important;
  color: var(--pn-text-dark) !important;
  font-size: 1.02rem !important;
}

.pn-product-content p,
.pn-product-content div {
  margin-bottom: 1.25em !important;
  line-height: 1.8 !important;
}

.pn-product-content p:last-child {
  margin-bottom: 0 !important;
}

.pn-product-content h1,
.pn-product-content h2,
.pn-product-content h3,
.pn-product-content h4,
.pn-product-content h5,
.pn-product-content h6 {
  margin-top: 1.6em !important;
  margin-bottom: 0.8em !important;
  color: var(--pn-green-dark) !important;
  font-family: var(--pn-font-heading) !important;
  font-weight: 700 !important;
  display: block !important;
  clear: both !important;
}

.pn-product-content ul,
.pn-product-content ol {
  margin-top: 0.8em !important;
  margin-bottom: 1.4em !important;
  padding-left: 24px !important;
}

.pn-product-content li {
  margin-bottom: 0.5em !important;
  line-height: 1.6 !important;
}