/**
 * PIXWeather — WooCommerce-specific styles
 *
 * Loaded ONLY when WooCommerce is active (see functions.php).
 * Contains styling that ONLY applies to WC-rendered HTML.
 * Sales-section styles (.cmp, .hiw, .sbar, .pmetric, etc.)
 * live in main.css so they always load.
 */

/* ═══════════════════════════════════════════════════════════
   1. WooCommerce button reset — match .bp primary button
   ═══════════════════════════════════════════════════════════ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  background: var(--a) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--r) !important;
  padding: 13px 26px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0.01em !important;
  box-shadow: var(--ss) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
  text-transform: none !important;
  text-shadow: none !important;
  cursor: pointer;
}
.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 {
  background: #B5771F !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--smd) !important;
}
.woocommerce a.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* ═══════════════════════════════════════════════════════════
   2. WooCommerce form fields
   ═══════════════════════════════════════════════════════════ */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .woocommerce-input-wrapper input,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select {
  width: 100%;
  padding: 12px 14px;
  background: var(--cr);
  border: 1px solid var(--b);
  border-radius: var(--r);
  font-family: 'DM Sans', sans-serif;
  font-size: 0.95rem;
  color: var(--t);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  outline: none;
  background: #fff;
  border-color: var(--a);
  box-shadow: 0 0 0 3px rgba(200, 134, 42, 0.1);
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  display: block;
  font-family: 'DM Mono', monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--tu);
  margin-bottom: 6px;
  font-weight: 400;
}
.woocommerce form .form-row .required {
  color: var(--a);
  text-decoration: none;
}

/* ═══════════════════════════════════════════════════════════
   3. Cart & checkout tables
   ═══════════════════════════════════════════════════════════ */
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
  border: 1px solid var(--b);
  border-radius: var(--r);
  background: var(--cr);
  font-family: 'DM Sans', sans-serif;
  color: var(--t);
}
.woocommerce table.shop_table th {
  font-family: 'DM Mono', monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--tu);
  font-weight: 400;
  padding: 16px;
  border-bottom: 1px solid var(--b);
}
.woocommerce table.shop_table td {
  padding: 16px;
  border-top: 1px solid var(--b);
}
.woocommerce table.shop_table tr.order-total td,
.woocommerce table.shop_table tr.order-total th {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15rem;
  color: var(--t);
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  background: #fff;
  border: 1px solid var(--b);
  border-radius: var(--r);
  padding: 24px;
  box-shadow: var(--ss);
}
.woocommerce ul.products li.product .price,
.woocommerce .woocommerce-Price-amount,
.woocommerce-page .woocommerce-Price-amount {
  color: var(--t);
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════
   4. Notices
   ═══════════════════════════════════════════════════════════ */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-error {
  border-top: none !important;
  border-radius: var(--r);
  padding: 16px 20px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.92rem;
  box-shadow: var(--ss);
}
.woocommerce .woocommerce-message {
  background: var(--ap) !important;
  color: var(--t) !important;
  border-left: 3px solid var(--a) !important;
}
.woocommerce .woocommerce-info {
  background: #EBF4FA !important;
  color: var(--sd) !important;
  border-left: 3px solid var(--sk) !important;
}
.woocommerce .woocommerce-error {
  background: #FDECEA !important;
  color: #8A1A1A !important;
  border-left: 3px solid #C83232 !important;
}

/* ═══════════════════════════════════════════════════════════
   5. My Account + Subscriptions page
   ═══════════════════════════════════════════════════════════ */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid var(--b);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 12px 0;
  color: var(--tm);
  text-decoration: none;
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  transition: color 0.2s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  color: var(--a);
}
.wc-wrap h1, .wc-wrap h2, .wc-wrap h3 {
  font-family: 'Cormorant Garamond', serif;
  color: var(--t);
  font-weight: 500;
}
.wc-wrap h1 {
  font-size: 2.6rem;
  margin-bottom: 24px;
}

/* ═══════════════════════════════════════════════════════════
   6. Header cart icon (WC-only)
   ═══════════════════════════════════════════════════════════ */
.nc {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: 8px;
  border-radius: 50%;
  color: var(--t);
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.nc:hover {
  background: var(--ap);
  color: var(--a);
}
.nc svg {
  width: 20px;
  height: 20px;
}
.nc-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: var(--a);
  color: #fff;
  font-family: 'DM Mono', monospace;
  font-size: 0.62rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 2px #fff;
}
.nc-badge[data-count="0"] {
  display: none;
}