/* ============================================================
   Ozone Cosmetics — branding WooCommerce (cart / checkout / account)
   Palette crema/oro/ebano, Cormorant + Inter, flat hairline.
   ============================================================ */

.woocommerce, .woocommerce-page { color: var(--oz-ebony); }
.woocommerce a { color: var(--oz-ebony); }

/* titoli pagina */
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-account h1, .entry-title, .woocommerce-checkout h3, .woocommerce #order_review_heading,
.woocommerce-cart h2, .cart_totals h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  color: var(--oz-ebony);
}

/* ---------- bottoni ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order, .wp-element-button {
  background: var(--oz-gold) !important;
  color: var(--oz-cream) !important;
  border: none !important;
  border-radius: 2px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  padding: 15px 30px !important;
  transition: background .18s ease !important;
  box-shadow: none !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce .button.alt:hover, .woocommerce #place_order:hover, .wp-element-button:hover {
  background: #A6855A !important;
}
/* bottone secondario (ghost) */
.woocommerce a.button.wc-backward, .woocommerce button[name="update_cart"] {
  background: transparent !important;
  color: var(--oz-ebony) !important;
  border: 1px solid var(--oz-ebony) !important;
}
.woocommerce a.button.wc-backward:hover, .woocommerce button[name="update_cart"]:hover {
  background: var(--oz-ebony) !important; color: var(--oz-cream) !important;
}

/* ---------- input / form ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce-cart .coupon input.input-text,
.woocommerce input[type="text"], .woocommerce input[type="email"],
.woocommerce input[type="tel"], .woocommerce input[type="password"],
.woocommerce input[type="number"], .woocommerce select {
  background: transparent !important;
  border: 1px solid rgba(42,31,24,0.25) !important;
  border-radius: 2px !important;
  padding: 13px 15px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: var(--oz-ebony) !important;
  box-shadow: none !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce input:focus, .woocommerce select:focus {
  border-color: var(--oz-gold) !important;
  outline: none !important;
}
.woocommerce form .form-row label, .woocommerce-checkout label {
  font-size: 12px; letter-spacing: 0.04em; color: rgba(42,31,24,0.7); font-weight: 500;
}

/* ---------- tabelle (cart / orders) ---------- */
.woocommerce table.shop_table, .woocommerce-orders-table {
  border: 1px solid var(--oz-hairline) !important;
  border-radius: 0 !important;
  border-collapse: collapse !important;
  background: #FAF7F2;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td,
.woocommerce-orders-table th, .woocommerce-orders-table td {
  border-top: 1px solid var(--oz-hairline) !important;
  padding: 18px 16px !important;
  font-size: 14px;
}
.woocommerce table.shop_table thead th {
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(42,31,24,0.6); font-weight: 600;
}
.woocommerce .product-name a { font-family: 'Cormorant Garamond', serif; font-size: 19px; }
.woocommerce .cart .product-thumbnail img { border: 1px solid var(--oz-hairline); }
.woocommerce a.remove { color: var(--oz-copper) !important; font-weight: 400; }
.woocommerce a.remove:hover { background: var(--oz-copper) !important; color: #fff !important; }

/* quantità */
.woocommerce .quantity .qty {
  border: 1px solid rgba(42,31,24,0.22) !important; border-radius: 2px;
  padding: 10px 8px !important; width: 70px; text-align: center; font-weight: 600;
}

/* selettore quantità scheda prodotto — campo number senza frecce native, numero leggibile */
.oz-qty-box .oz-qty {
  width: 54px !important; padding: 0 !important; margin: 0 !important;
  text-align: center; font-size: 16px; font-weight: 600;
  border: none !important; background: transparent; outline: none;
  color: #2A1F18; -moz-appearance: textfield; appearance: textfield;
}
.oz-qty-box .oz-qty::-webkit-outer-spin-button,
.oz-qty-box .oz-qty::-webkit-inner-spin-button {
  -webkit-appearance: none; margin: 0;
}

/* ---------- totali carrello / order review ---------- */
.woocommerce .cart_totals, .woocommerce #order_review, .woocommerce-checkout-review-order-table {
  border: 1px solid rgba(42,31,24,0.16) !important; background: #fff;
}
.cart_totals table, #order_review table { border: none !important; }
.cart_totals table th, .cart_totals table td,
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td {
  border-top: 1px solid var(--oz-hairline) !important; padding: 14px 18px !important;
}
.woocommerce .cart_totals .order-total .amount,
.woocommerce-checkout-review-order-table .order-total .amount {
  font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 600; color: var(--oz-ebony);
}
.woocommerce-Price-amount { color: var(--oz-ebony); }

/* coupon */
.woocommerce-cart .cart-collaterals .cross-sells, .woocommerce .coupon { margin-bottom: 20px; }

/* ---------- pagamenti ---------- */
.woocommerce #payment, .woocommerce-checkout #payment {
  background: transparent !important; border-radius: 0;
}
.woocommerce #payment ul.payment_methods {
  border: 1px solid rgba(42,31,24,0.18); padding: 0;
}
.woocommerce #payment ul.payment_methods li {
  border-bottom: 1px solid rgba(42,31,24,0.1); padding: 16px 20px; list-style: none; margin: 0;
}
.woocommerce #payment ul.payment_methods li:last-child { border-bottom: none; }
.woocommerce #payment div.payment_box {
  background: #F6F3EE; border-radius: 2px; font-size: 14px; color: rgba(42,31,24,0.75);
}
.woocommerce #payment div.payment_box::before { display: none; }

/* ---------- messaggi ---------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noticeс {
  border-top-color: var(--oz-gold) !important; background: #F6F3EE; border-radius: 2px;
  font-size: 14px;
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--oz-gold); }

/* ---------- MY ACCOUNT ---------- */
.woocommerce-account .woocommerce {
  display: grid; grid-template-columns: 240px 1fr; gap: clamp(28px,4vw,56px); align-items: start;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: auto; float: none; border-top: 1px solid rgba(42,31,24,0.14);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid var(--oz-hairline); margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block; padding: 16px 2px; font-size: 14px; letter-spacing: 0.04em;
  color: rgba(42,31,24,0.65); font-weight: 400;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  color: var(--oz-ebony); font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { color: var(--oz-gold); }
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; }
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 { font-size: 28px; margin-bottom: 20px; }

@media (max-width: 860px) {
  .woocommerce-account .woocommerce { grid-template-columns: 1fr; }
}

/* layout cart/checkout su una colonna pulita gestito da WC; ritocchi mobile */
@media (max-width: 768px) {
  .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 12px 10px !important; }
}