/* ================================================================
   DESIGNAWALL — REY BRAND OVERRIDES
   Inject design tokens into Rey's component classes
   ================================================================ */

/* --- Push Rey's own colour system to our tokens --- */
:root {
  --rey-accent-color:      #FF3B4D !important;
  --rey-accent-color-dark: #e02030 !important;
  --rey-main-color:        #171717 !important;
  --rey-body-font-family:  'Inter', sans-serif !important;
  --rey-heading-font-family: 'Sora', sans-serif !important;
  --rey-body-color:        #171717 !important;
}

/* Global background to ivory */
body { background-color: var(--dw-ivory) !important; }
.site { background-color: var(--dw-ivory) !important; }

/* Typography — apply to Rey heading classes */
.rey-siteTitle,
.woocommerce-loop-product__title,
.product_title.entry-title,
.rey-sectionTitle,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Sora', sans-serif !important;
  letter-spacing: -0.02em;
}

/* --- Rey Nav (only used below 1024px since we hide it above) --- */
.rey-navList > li > a {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: var(--dw-charcoal) !important;
}
.rey-navList > li > a:hover,
.rey-navList > li.current-menu-item > a { color: var(--dw-clay) !important; }

/* --- WooCommerce global --- */
.woocommerce-Price-amount.amount { color: var(--dw-charcoal) !important; font-weight: 700; }
.woocommerce span.onsale { background: var(--dw-red) !important; color: var(--dw-white) !important; }
.star-rating span::before,
.woocommerce .star-rating { color: var(--dw-clay) !important; }

/* WC buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.add_to_cart_button {
  background: var(--dw-charcoal) !important;
  color: var(--dw-white) !important;
  border-color: var(--dw-charcoal) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: var(--dw-r) !important;
  padding: 0.75rem 1.5rem !important;
  transition: all 0.25s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover { background: var(--dw-clay) !important; border-color: var(--dw-clay) !important; color: var(--dw-white) !important; }

/* WC product cards */
.woocommerce ul.products li.product {
  background: var(--dw-white) !important;
  border-radius: var(--dw-r-md) !important;
  overflow: hidden !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 0.875rem 1rem 0.25rem !important;
  font-size: 0.9375rem !important;
}
.woocommerce ul.products li.product .price {
  padding: 0 1rem 0.875rem !important;
  color: var(--dw-charcoal) !important;
}
.woocommerce ul.products li.product .button {
  margin: 0 1rem 1rem !important;
  display: block !important;
  text-align: center !important;
}

/* Tabs */
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover { color: var(--dw-charcoal) !important; }
.woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--dw-charcoal) !important; }

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--dw-charcoal) !important;
  border-color: var(--dw-charcoal) !important;
  color: var(--dw-white) !important;
}

/* Filter slider */
.widget_price_filter .ui-slider-range,
.widget_price_filter .ui-slider-handle { background: var(--dw-clay) !important; }

/* Input focus — charcoal, not blue */
input:focus, select:focus, textarea:focus {
  border-color: var(--dw-charcoal) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(23,23,23,0.06) !important;
}

/* Checkout */
.woocommerce-checkout #payment { background: var(--dw-ivory-2) !important; border-radius: var(--dw-r-md) !important; }

/* Account nav */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover { color: var(--dw-clay) !important; }

/* Rey swatches */
.rey-swatches .swatch.--active,
.rey-swatches .swatch:hover { border-color: var(--dw-charcoal) !important; outline-color: var(--dw-charcoal) !important; }

/* Rey filterbar */
.rey-filtersMasonry-filterBtn.--active {
  background: var(--dw-charcoal) !important;
  border-color: var(--dw-charcoal) !important;
  color: var(--dw-white) !important;
}