/* ================================================================
   The Qahwa Roastery — light brand skin for WooCommerce cart/checkout
   ----------------------------------------------------------------
   v1.3.0 — fresh approach. We do NOT fight WooCommerce Blocks. We
   only set:
     · page background + base typography
     · hide the active theme's chrome (header/nav/footer/admin bar)
     · the branded header injected via wp_body_open (PHP)
     · subtle input border + focus ring
     · gold "Place Order" CTA
     · link colors
   Layout is fully owned by Blocks.
   ================================================================ */

:root {
  --qahwa-espresso-950: #0c0604;
  --qahwa-espresso-900: #130b07;
  --qahwa-coffee-700:   #3a2116;
  --qahwa-coffee-600:   #4d2d1d;
  --qahwa-coffee-500:   #6a4128;
  --qahwa-gold-700:     #946a26;
  --qahwa-gold-600:     #b1832f;
  --qahwa-gold-500:     #c99a4a;
  --qahwa-gold-400:     #d8b06a;
  --qahwa-gold-300:     #e7c994;
  --qahwa-cream-50:     #faf3e6;
  --qahwa-cream-100:    #f7e8d0;
  --qahwa-border:       rgba(36, 19, 12, 0.16);
  --qahwa-border-soft:  rgba(36, 19, 12, 0.08);
  --qahwa-danger:       #a4432a;
}

/* ----- Page surface ----- */
body.qahwa-checkout-page {
  background:
    radial-gradient(circle at 18% 14%, rgba(201, 154, 74, 0.08) 0, transparent 38%),
    radial-gradient(circle at 82% 86%, rgba(58, 33, 22, 0.06) 0, transparent 42%),
    var(--qahwa-cream-50);
  color: var(--qahwa-espresso-900);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ----- Hide active-theme chrome on cart/checkout only ----- */
body.qahwa-checkout-page #wpadminbar,
body.qahwa-checkout-page > header,
body.qahwa-checkout-page > footer,
body.qahwa-checkout-page #masthead,
body.qahwa-checkout-page #colophon,
body.qahwa-checkout-page .site-header,
body.qahwa-checkout-page .site-footer,
body.qahwa-checkout-page .wp-block-template-part[data-template-part="header"],
body.qahwa-checkout-page .wp-block-template-part[data-template-part="footer"] {
  display: none !important;
}

/* ----- Branded header (PHP injected — see wp_body_open hook) ----- */
.qahwa-brand-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 28px 24px 24px;
  max-width: 1200px;
  margin: 0 auto;
  border-bottom: 1px solid var(--qahwa-border-soft);
  font-family: "Fraunces", Georgia, serif;
  font-size: 18px;
  color: var(--qahwa-gold-700);
  text-align: center;
}

.qahwa-brand-mark {
  text-decoration: none;
  color: var(--qahwa-espresso-900);
  font-weight: 500;
  letter-spacing: -0.01em;
}
.qahwa-brand-mark em {
  font-style: italic;
  color: var(--qahwa-gold-700);
}
.qahwa-brand-mark:hover {
  color: var(--qahwa-coffee-700);
}

.qahwa-brand-divider {
  opacity: 0.5;
}

.qahwa-brand-label {
  font-style: italic;
  color: var(--qahwa-gold-700);
}

/* ----- Typography: display font for headings ----- */
body.qahwa-checkout-page h1,
body.qahwa-checkout-page h2,
body.qahwa-checkout-page h3,
body.qahwa-checkout-page .wp-block-heading,
body.qahwa-checkout-page .wc-block-components-title,
body.qahwa-checkout-page .wc-block-components-checkout-step__title {
  font-family: "Fraunces", Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  color: var(--qahwa-espresso-900) !important;
}

body.qahwa-checkout-page p,
body.qahwa-checkout-page .wc-block-components-checkout-step__description {
  color: var(--qahwa-coffee-600) !important;
}

/* ----- Form fields: subtle border + gold focus ring ----- */
body.qahwa-checkout-page input[type="text"]:not([type="hidden"]),
body.qahwa-checkout-page input[type="email"],
body.qahwa-checkout-page input[type="tel"],
body.qahwa-checkout-page input[type="number"],
body.qahwa-checkout-page input[type="password"],
body.qahwa-checkout-page input[type="search"],
body.qahwa-checkout-page select,
body.qahwa-checkout-page textarea,
body.qahwa-checkout-page .wc-block-components-text-input input,
body.qahwa-checkout-page .wc-block-components-combobox input {
  border-color: var(--qahwa-border) !important;
  color: var(--qahwa-espresso-900) !important;
  font-family: "Inter", sans-serif !important;
}

body.qahwa-checkout-page input:focus,
body.qahwa-checkout-page select:focus,
body.qahwa-checkout-page textarea:focus,
body.qahwa-checkout-page .wc-block-components-text-input input:focus,
body.qahwa-checkout-page .wc-block-components-combobox input:focus {
  border-color: var(--qahwa-gold-500) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201, 154, 74, 0.20) !important;
}

/* Label color when floated (active state) */
body.qahwa-checkout-page .wc-block-components-text-input.is-active label,
body.qahwa-checkout-page .wc-block-components-combobox.is-active label,
body.qahwa-checkout-page .wc-block-components-country-input.is-active label,
body.qahwa-checkout-page .wc-block-components-state-input.is-active label {
  color: var(--qahwa-gold-700) !important;
}

body.qahwa-checkout-page .wc-block-components-text-input label,
body.qahwa-checkout-page .wc-block-components-combobox label,
body.qahwa-checkout-page .wc-block-components-country-input label,
body.qahwa-checkout-page .wc-block-components-state-input label {
  color: var(--qahwa-coffee-500) !important;
  font-family: "Inter", sans-serif !important;
}

/* ----- Place Order CTA — gold accent ----- */
body.qahwa-checkout-page .wc-block-components-checkout-place-order-button,
body.qahwa-checkout-page #place_order,
body.qahwa-checkout-page button[aria-label*="Place"] {
  background: var(--qahwa-gold-500) !important;
  border-color: var(--qahwa-gold-500) !important;
  color: var(--qahwa-espresso-950) !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  transition: background-color 200ms, transform 200ms, box-shadow 200ms !important;
}

body.qahwa-checkout-page .wc-block-components-checkout-place-order-button:hover,
body.qahwa-checkout-page #place_order:hover {
  background: var(--qahwa-gold-400) !important;
  border-color: var(--qahwa-gold-400) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 50px -28px rgba(201, 154, 74, 0.55) !important;
}

/* ----- Selected radio/shipping option ----- */
body.qahwa-checkout-page .wc-block-components-radio-control__option-checked,
body.qahwa-checkout-page input[type="radio"]:checked {
  accent-color: var(--qahwa-gold-500) !important;
}

body.qahwa-checkout-page input[type="checkbox"] {
  accent-color: var(--qahwa-gold-500) !important;
}

/* ----- Links ----- */
body.qahwa-checkout-page .entry-content a,
body.qahwa-checkout-page .wc-block-components-checkout-step a,
body.qahwa-checkout-page .wc-block-components-totals-coupon a,
body.qahwa-checkout-page .wc-block-components-address-form__address_2-toggle {
  color: var(--qahwa-gold-700) !important;
}

body.qahwa-checkout-page .entry-content a:hover,
body.qahwa-checkout-page .wc-block-components-checkout-step a:hover {
  color: var(--qahwa-coffee-700) !important;
}

/* ----- Quantity badge on order summary line items ----- */
body.qahwa-checkout-page .wc-block-components-order-summary-item__quantity {
  background: var(--qahwa-espresso-900) !important;
  color: var(--qahwa-cream-50) !important;
}

/* ----- Notice banners ----- */
body.qahwa-checkout-page .wc-block-components-notice-banner {
  border-radius: 12px !important;
}

body.qahwa-checkout-page .wc-block-components-notice-banner.is-info {
  border-left: 3px solid var(--qahwa-gold-500) !important;
  background: rgba(247, 232, 208, 0.50) !important;
}

body.qahwa-checkout-page .wc-block-components-notice-banner.is-error {
  border-left: 3px solid var(--qahwa-danger) !important;
}

/* ----- Selection ----- */
body.qahwa-checkout-page ::selection {
  background: var(--qahwa-gold-300);
  color: var(--qahwa-espresso-900);
}

/* ----- Classic-checkout fallback (only the bits that matter) ----- */
body.qahwa-checkout-page .woocommerce-Price-amount,
body.qahwa-checkout-page .amount {
  color: var(--qahwa-espresso-900);
  font-feature-settings: "tnum" 1;
}

body.qahwa-checkout-page .woocommerce-info {
  background: rgba(247, 232, 208, 0.5) !important;
  border-top-color: var(--qahwa-gold-500) !important;
}