/* ============================================================
   Casa del Puro — WooCommerce overrides
   Brings WC default UI (cart, checkout, notices, forms, pagination)
   into the espresso/gold editorial system.
   ============================================================ */

.cdp-wc-shell { padding: var(--s-7) 0 var(--s-10); }

/* ---- Buttons ---- */
.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 {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  background: var(--accent); color: #1a0f0a;
  border: 1px solid var(--accent); border-radius: 2px;
  font-family: var(--font-body); font-size: 11px; font-weight: 500;
  letter-spacing: var(--tr-button); text-transform: uppercase;
  padding: 14px 28px; line-height: 1;
  transition: background var(--dur-base) var(--ease-quiet), letter-spacing var(--dur-base) var(--ease-quiet);
}
.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,
.woocommerce input.button.alt:hover {
  background: var(--gold-soft); color: #1a0f0a; letter-spacing: calc(var(--tr-button) + 0.04em);
}
.woocommerce .button.wc-backward,
.woocommerce a.button.wc-backward {
  background: transparent; color: var(--fg-muted); border-color: var(--gold-line);
}

/* ---- Headings ---- */
.woocommerce h1, .woocommerce h2, .woocommerce h3 {
  font-family: var(--font-display); font-weight: 400; color: var(--fg); letter-spacing: 0.005em;
}

/* ---- Notices ---- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.woocommerce-notice {
  background: var(--bg-panel); border-top: 2px solid var(--accent);
  color: var(--fg-muted); font-family: var(--font-body); font-size: 14px;
  border-radius: 2px; padding: var(--s-4) var(--s-5);
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--accent); }
.woocommerce-error { border-top-color: var(--oxblood); }

/* ---- Forms / inputs ---- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container--default .select2-selection--single,
.cdp-ordering select,
.woocommerce-ordering select,
select, input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], input[type="number"], textarea {
  background: var(--bg-panel); color: var(--fg);
  border: 1px solid var(--gold-line); border-radius: 2px;
  font-family: var(--font-body); font-size: 14px; padding: 12px 14px;
}
.woocommerce form .form-row label,
.woocommerce-billing-fields label,
.woocommerce-shipping-fields label { font-family: var(--font-body); font-size: 11px; letter-spacing: 0.06em; color: var(--fg-meta); }

.cdp-ordering select, .woocommerce-ordering select {
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; padding: 10px 14px; cursor: pointer;
}

/* ---- Tables (cart / order) ---- */
.woocommerce table.shop_table {
  border: 1px solid var(--gold-line); border-radius: 2px; border-collapse: collapse;
  background: transparent; color: var(--fg-muted);
}
.woocommerce table.shop_table th {
  font-family: var(--font-body); font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--accent);
}
.woocommerce table.shop_table td { border-top: 1px solid var(--gold-line); }
.woocommerce table.shop_table td.product-name a { color: var(--fg); }
.woocommerce-cart table.cart img { width: 64px; border: 1px solid var(--gold-line); }
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  background: var(--bg-panel); border: 1px solid var(--gold-line); border-radius: 2px;
}
.woocommerce .quantity .qty {
  background: var(--bg-panel); color: var(--fg); border: 1px solid var(--gold-line);
  border-radius: 2px; font-family: var(--font-display); font-size: 16px; padding: 8px;
}

/* ---- Price ---- */
.woocommerce .price, .woocommerce span.amount,
.woocommerce-Price-amount { color: var(--accent); font-family: var(--font-display); }
.woocommerce del { color: var(--fg-dim); }

/* ---- Pagination ---- */
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: var(--s-2); }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border: 1px solid var(--gold-line); border-radius: 2px; color: var(--fg-muted);
  font-family: var(--font-body); font-size: 12px; padding: 10px 14px; min-width: 42px;
  background: transparent;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--accent); color: #1a0f0a; border-color: var(--accent);
}

/* ---- Tabs (PDP extra, if used) ---- */
.woocommerce-tabs ul.tabs li { background: var(--bg-panel); border-color: var(--gold-line); }
.woocommerce-tabs ul.tabs li.active { background: transparent; }

/* ---- My account ---- */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { color: var(--fg-muted); font-family: var(--font-body); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: var(--accent); }

/* ---- Onsale flash ---- */
.woocommerce span.onsale {
  background: var(--oxblood); color: var(--parchment); border-radius: 2px;
  font-family: var(--font-body); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  min-height: 0; min-width: 0; padding: 6px 12px; line-height: 1;
}