/* Maun Aroma — storefront branding for the WooCommerce /store pages.
   Palette and type scale mirror app/globals.css and tailwind.config.ts in
   the Next.js app exactly (ivory / ink / gold), so arriving here from
   Add to Cart / Checkout / My Account reads as the same site, not a
   different one bolted on. Kept as plain CSS overrides rather than a
   custom theme.json/child theme — the active theme is stock
   twentytwentyfour, unmodified, so a theme update can't break this. */

:root {
  --maun-ivory: #fbf7ef;
  --maun-ink: #1a1610;
  --maun-gold: #a8862c;
  --maun-accent: #8a6a15; /* AA-safe on ivory, matches --brand-accent */
  --maun-muted: #625b4d;
  --maun-border: rgba(26, 22, 16, 0.12);
  --maun-surface: #ffffff;
}

body,
.wp-site-blocks {
  background: var(--maun-ivory) !important;
  color: var(--maun-ink) !important;
  font-family: "Lato", sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.wp-block-site-title,
.wp-block-post-title,
.woocommerce-Address-title,
.wc-block-components-title {
  font-family: "Playfair Display", Georgia, Cambria, serif !important;
  color: var(--maun-ink) !important;
  letter-spacing: 0.02em;
}

.wp-block-site-title a {
  color: var(--maun-gold) !important;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 1.1rem !important;
  text-decoration: none !important;
}

.wp-block-site-tagline {
  color: var(--maun-muted) !important;
  font-family: "Lato", sans-serif !important;
}

/* Header: same sticky, hairline-bordered, translucent chrome as the app. */
header.wp-block-template-part,
.wp-block-group.header,
.site-header {
  background: rgba(251, 247, 239, 0.9) !important;
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--maun-border) !important;
}

a {
  color: var(--maun-accent);
  text-decoration: none;
}
a:hover {
  color: var(--maun-ink);
}

/* Buttons — uppercase Poppins with tracking, sharp corners, ink-on-hover
   invert. Matches components/Button.tsx's `primary` variant exactly. */
.wp-element-button,
.wp-block-button__link,
.wc-block-components-button,
.wc-block-components-button--outlined,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
button[type="submit"],
input[type="submit"] {
  font-family: "Poppins", sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  border-radius: 0 !important;
  background-color: var(--maun-accent) !important;
  color: var(--maun-ivory) !important;
  border: none !important;
  padding: 0.85rem 1.75rem !important;
  transition: background-color 0.15s ease, color 0.15s ease;
  box-shadow: none !important;
}
.wp-element-button:hover,
.wp-block-button__link:hover,
.wc-block-components-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: var(--maun-ink) !important;
  color: var(--maun-ivory) !important;
}

/* Secondary / outlined actions (e.g. "Continue shopping"). */
.wc-block-components-button.is-style-outline,
.woocommerce a.button.wc-forward {
  background: transparent !important;
  color: var(--maun-accent) !important;
  border: 1px solid var(--maun-border) !important;
}
.wc-block-components-button.is-style-outline:hover,
.woocommerce a.button.wc-forward:hover {
  border-color: var(--maun-accent) !important;
  color: var(--maun-ink) !important;
  background: transparent !important;
}

/* Cards / panels — Cart & Checkout blocks, My Account tables, product
   boxes. Sharp corners and a hairline border, same as the app's surfaces. */
.wc-block-cart,
.wc-block-checkout,
.wc-block-components-panel,
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2,
.woocommerce table.shop_table,
.woocommerce-MyAccount-content {
  background: var(--maun-surface);
  border-radius: 0 !important;
}
.wc-block-cart-items,
.woocommerce table.shop_table {
  border-color: var(--maun-border) !important;
}
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-totals-wrapper {
  border: 1px solid var(--maun-border) !important;
}

/* Form fields. */
.wc-block-components-text-input input,
.wc-block-components-combobox input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce-MyAccount-content input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
select,
textarea {
  border-radius: 0 !important;
  border: 1px solid var(--maun-border) !important;
  font-family: "Lato", sans-serif !important;
  background: var(--maun-surface) !important;
  color: var(--maun-ink) !important;
}
.wc-block-components-text-input input:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  border-color: var(--maun-accent) !important;
  box-shadow: 0 0 0 3px rgba(168, 134, 44, 0.18) !important;
}

/* Prices — tabular figures, ink colour, no default WooCommerce pink/blue. */
.woocommerce-Price-amount,
.wc-block-components-formatted-money-amount,
.wc-block-components-product-price {
  font-variant-numeric: tabular-nums;
  color: var(--maun-ink) !important;
  font-weight: 500;
}

/* In-stock / notice badges lean gold instead of WooCommerce's default
   green/blue/red so they read as "this brand", not "generic plugin". */
.woocommerce-message,
.wc-block-components-notice-banner.is-success {
  border-left-color: var(--maun-accent) !important;
}
.woocommerce-message::before {
  color: var(--maun-accent) !important;
}

/* Footer, if the theme renders one on these templates. */
footer.wp-block-template-part {
  background: var(--maun-ivory) !important;
  border-top: 1px solid var(--maun-border) !important;
  color: var(--maun-muted) !important;
}