/* ==========================================================================
   Zendazo storefront theme — layered on top of style.css for customer-facing
   pages (store, product, cart, checkout, order, customer account).
   Design-only polish: display headings, softer cards, refined buttons and
   controls. Loaded ONLY on storefront/customer pages — see includes/header.php.
   No markup or behaviour changes; every control keeps its class and handlers.
   ========================================================================== */

/* Display font for key headings (Fraunces loaded in header) */
.product-detail-name,
.checkout-section h3 {
  font-family: 'Fraunces', Georgia, serif;
  letter-spacing: -0.01em;
}

/* --- Buttons: rounder, bolder, a little depth on primary actions --- */
.btn { border-radius: 12px; font-weight: 700; }
.btn-lg { border-radius: 14px; }
.btn-primary { box-shadow: 0 8px 20px rgba(13,148,136,0.22); }
.btn-primary:hover:not(:disabled) { box-shadow: 0 12px 26px rgba(13,148,136,0.30); }
.btn-whatsapp { box-shadow: 0 8px 20px rgba(37,211,102,0.25); }
.btn-add-cart { border-radius: 12px; font-weight: 700; }

/* --- Product detail --- */
.product-detail-name { font-size: 1.6rem; font-weight: 600; line-height: 1.15; }
.product-detail-price { font-weight: 800; }
.product-gallery-main { border-radius: 18px; box-shadow: 0 10px 30px rgba(28,25,23,0.10); }
.product-gallery-thumb { border-radius: 12px; }

/* Quantity stepper — pill */
.qty-control { border: 1.5px solid var(--gray-200); border-radius: 12px; overflow: hidden; background: #fff; }
.qty-btn { background: #fff; }
.qty-btn:hover { background: var(--primary-50); color: var(--primary); }
.qty-value { font-weight: 800; }

/* Variant / payment select cards */
.payment-option { border-radius: 12px; transition: all .15s ease; }
.payment-option.selected { box-shadow: inset 0 0 0 2px var(--primary); }

/* Share buttons */
.share-btn { border-radius: 12px; }

/* --- Forms --- */
.form-control { border-radius: 12px; }
.form-control:focus { box-shadow: 0 0 0 3px var(--primary-100); }
.form-label { font-weight: 700; }

/* --- Cart --- */
.cart-item-img { border-radius: 14px; }
.cart-summary { border-radius: 16px; }
.cart-summary-row.total { font-weight: 800; }

/* --- Checkout sections: soft cards --- */
.checkout-section {
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(28,25,23,0.06);
  border: 1px solid var(--gray-100);
}

/* Generic cards a touch softer + bottom action total emphasis */
.card { border-radius: 16px; }
.bottom-action-total .amount { font-weight: 800; }