/* CLEIR design tokens — shared by all WooCommerce page stylesheets */

:root {
  --cleir-bg: #faf7f4;
  --cleir-panel: #f5f0ec;
  --cleir-line: #e8ddd0;
  --cleir-ink: #2c2a29;
  --cleir-muted: #5a5654;
  --cleir-soft: #9b8c7c;
  --cleir-gold: #b89b7a;
  --cleir-terra: #c4796a;
  --cleir-terra-dark: #b56b5c;
  --cleir-peach: #e8c4b4;
  --cleir-peach-soft: #f2ddd2;
  --cleir-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --cleir-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --cleir-radius: 16px;
  --cleir-radius-sm: 11px;
  --cleir-pill: 100px;
  --cleir-wrap: 1280px;
}

/* Hide duplicate theme / Elementor page titles — CLEIR templates own the H1 */
body.cleir-theme.cleir-page-cart .page-header,
body.cleir-theme.cleir-page-checkout .page-header,
body.cleir-theme.cleir-page-thankyou .page-header,
body.cleir-theme.cleir-page-account .page-header,
body.cleir-theme.cleir-page-product .page-header,
body.cleir-theme.cleir-page-cart .entry-title,
body.cleir-theme.cleir-page-checkout .entry-title,
body.cleir-theme.cleir-page-thankyou .entry-title,
body.cleir-theme.cleir-page-account .entry-title,
body.cleir-theme.cleir-page-product .entry-title,
body.cleir-theme.cleir-page-cart h1.elementor-heading-title,
body.cleir-theme.cleir-page-checkout h1.elementor-heading-title,
body.cleir-theme.cleir-page-thankyou h1.elementor-heading-title,
body.cleir-theme.cleir-page-account h1.elementor-heading-title,
body.cleir-theme.cleir-page-cart .elementor-page-title,
body.cleir-theme.cleir-page-checkout .elementor-page-title,
body.cleir-theme.cleir-page-account .elementor-page-title,
body.cleir-theme.cleir-page-cart .elementor-widget-theme-page-title,
body.cleir-theme.cleir-page-checkout .elementor-widget-theme-page-title,
body.cleir-theme.cleir-page-account .elementor-widget-theme-page-title,
body.cleir-theme.cleir-page-cart .woocommerce-products-header,
body.cleir-theme.cleir-page-checkout .woocommerce-products-header {
  display: none !important;
}

/* Let shortcode content use full section width */
body.cleir-theme.cleir-page-cart .elementor-widget-shortcode .elementor-widget-container,
body.cleir-theme.cleir-page-checkout .elementor-widget-shortcode .elementor-widget-container,
body.cleir-theme.cleir-page-account .elementor-widget-shortcode .elementor-widget-container,
body.cleir-theme.cleir-page-cart .elementor-widget-woocommerce-cart-page,
body.cleir-theme.cleir-page-checkout .elementor-widget-woocommerce-checkout-page {
  max-width: none;
  width: 100%;
}

/* Widen Elementor boxed containers on Woo pages */
body.cleir-theme.cleir-page-cart .elementor-section-boxed > .elementor-container,
body.cleir-theme.cleir-page-checkout .elementor-section-boxed > .elementor-container,
body.cleir-theme.cleir-page-thankyou .elementor-section-boxed > .elementor-container,
body.cleir-theme.cleir-page-account .elementor-section-boxed > .elementor-container,
body.cleir-theme.cleir-page-product .elementor-section-boxed > .elementor-container,
body.cleir-theme.cleir-page-cart .e-con-inner,
body.cleir-theme.cleir-page-checkout .e-con-inner,
body.cleir-theme.cleir-page-account .e-con-inner,
body.cleir-theme.cleir-page-cart .site-main,
body.cleir-theme.cleir-page-checkout .site-main,
body.cleir-theme.cleir-page-account .site-main {
  max-width: var(--cleir-wrap) !important;
  width: 100%;
}

body.cleir-theme.cleir-page-cart,
body.cleir-theme.cleir-page-checkout,
body.cleir-theme.cleir-page-thankyou,
body.cleir-theme.cleir-page-account,
body.cleir-theme.cleir-page-product {
  background: var(--cleir-bg);
  color: var(--cleir-ink);
  font-family: var(--cleir-sans);
  -webkit-font-smoothing: antialiased;
  --container-max-width: 1280px;
  --content-width: 1280px;
}

body.cleir-theme ::selection {
  background: var(--cleir-peach);
  color: var(--cleir-ink);
}