/* Theme mode tokens: dark default, light optional */

:root,
html[data-theme="dark"] {
  --dd-theme-bg: #141313;
  --dd-theme-charcoal: #1a1a1a;
  --dd-theme-obsidian: #050505;
  --dd-theme-surface-variant: #353434;
  --dd-theme-outline: #444748;
  --dd-theme-muted: #c4c7c7;
  --dd-theme-secondary: #e9c176;
  --dd-theme-ink: #f4f4f4;
  --dd-theme-bronze: #8c6d3e;
}

html[data-theme="light"] {
  --dd-theme-bg: #fbf9f4;
  --dd-theme-charcoal: #fbf9f4;
  --dd-theme-obsidian: #ece8e1;
  --dd-theme-surface-variant: #d8d2c9;
  --dd-theme-outline: #c8bfb2;
  --dd-theme-muted: #695f54;
  --dd-theme-secondary: #8c6d3e;
  --dd-theme-ink: #1c1916;
  --dd-theme-bronze: #a07d46;
}

/* WoodMart .wd-label uses --color-gray-800 (white under dark-panel schemes) */
html[data-theme="light"] .wd-label {
  color: var(--dd-theme-ink) !important;
  font-weight: 600;
}

html[data-theme="light"] body,
html[data-theme="light"] .website-wrapper,
html[data-theme="light"] .main-page-wrapper {
  background-color: var(--dd-theme-bg);
}

/* WoodMart page option paints page/header dark — force cream in light mode */
html[data-theme="light"] .woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header),
html[data-theme="light"] .woocommerce-account :is(.wd-page-content, .whb-header),
html[data-theme="light"] .page-id-2142 :is(.wd-page-content, .whb-header),
html[data-theme="light"].page :is(.wd-page-content) {
  background-color: var(--dd-theme-bg) !important;
  background-image: none !important;
}

/* Override local page-scoped --dd-* vars so existing CSS can switch modes */
html[data-theme="light"] .dd-home,
html[data-theme="light"] .dd-about,
html[data-theme="light"] .dd-contact,
html[data-theme="light"] .dd-trust,
html[data-theme="light"] .dd-account,
html[data-theme="light"] .dd-shop,
html[data-theme="light"] .dd-cart,
html[data-theme="light"] .dd-checkout,
html[data-theme="light"] .dd-thankyou,
html[data-theme="light"] .woocommerce-shop,
html[data-theme="light"] .tax-product_cat,
html[data-theme="light"] .tax-product_tag,
html[data-theme="light"] .woocommerce-cart,
html[data-theme="light"] .woocommerce-checkout,
html[data-theme="light"] .woocommerce-order-received,
html[data-theme="light"] .woocommerce-order-pay,
html[data-theme="light"] .woocommerce-account,
html[data-theme="light"] .page-id-2142 {
  --dd-bg: var(--dd-theme-bg);
  --dd-charcoal: var(--dd-theme-charcoal);
  --dd-obsidian: var(--dd-theme-obsidian);
  --dd-surface-variant: var(--dd-theme-surface-variant);
  --dd-outline: var(--dd-theme-outline);
  --dd-muted: var(--dd-theme-muted);
  --dd-secondary: var(--dd-theme-secondary);
  --dd-ink: var(--dd-theme-ink);
  --dd-bronze: var(--dd-theme-bronze);
}

/* Header tools toggle */
.dd-theme-toggle-wrap {
  display: inline-flex;
  align-items: center;
  margin-inline-start: 0.55rem;
}

.dd-theme-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f4f4f4;
  cursor: pointer;
  box-shadow: none !important;
  transition: color 0.2s ease, transform 0.2s ease;
}

.dd-theme-toggle:hover {
  color: #e9c176;
  transform: translateY(-1px);
  background: transparent !important;
}

.dd-theme-toggle__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: inherit;
}

.dd-theme-toggle__icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  display: none;
}

.dd-theme-toggle[data-mode="dark"] .dd-theme-toggle__moon,
.dd-theme-toggle[data-mode="light"] .dd-theme-toggle__sun {
  display: block;
}

html[data-theme="light"] .dd-theme-toggle {
  color: #1c1916;
}

html[data-theme="light"] .dd-theme-toggle:hover {
  color: #8c6d3e;
  background: transparent !important;
}

/* —— Cart flyout (global header chrome) —— */
.cart-widget-side {
  --dd-flyout-bg: #141313;
  --dd-flyout-ink: #f4f4f4;
  --dd-flyout-muted: #c4c7c7;
  --dd-flyout-border: #353434;
  background: var(--dd-flyout-bg) !important;
  color: var(--dd-flyout-ink) !important;
}

.cart-widget-side .wd-heading,
.cart-widget-side .wd-heading .title,
.cart-widget-side .close-side-widget,
.cart-widget-side .close-side-widget a,
.cart-widget-side .close-side-widget .wd-action-text,
.cart-widget-side .woocommerce-mini-cart-item,
.cart-widget-side .woocommerce-mini-cart-item a,
.cart-widget-side .woocommerce-mini-cart__total,
.cart-widget-side .woocommerce-mini-cart__total strong,
.cart-widget-side .cart-item-link,
.cart-widget-side .product-title,
.cart-widget-side .quantity {
  color: var(--dd-flyout-ink) !important;
}

.cart-widget-side .amount,
.cart-widget-side .woocommerce-Price-amount {
  color: #e9c176 !important;
}

.cart-widget-side .woocommerce-mini-cart__total,
.cart-widget-side .woocommerce-mini-cart__buttons {
  border-color: var(--dd-flyout-border) !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons .button,
.cart-widget-side .woocommerce-mini-cart__buttons a.button {
  border-radius: 0.25rem !important;
  font-family: "Hanken Grotesk", system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  box-shadow: none !important;
}

/* View cart — ghost */
.cart-widget-side .woocommerce-mini-cart__buttons .button:not(.checkout),
.cart-widget-side .woocommerce-mini-cart__buttons a.button:not(.checkout),
.cart-widget-side .woocommerce-mini-cart__buttons .wc-forward:not(.checkout) {
  background: transparent !important;
  color: var(--dd-flyout-ink) !important;
  border: 1px solid var(--dd-flyout-ink) !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons .button:not(.checkout):hover,
.cart-widget-side .woocommerce-mini-cart__buttons a.button:not(.checkout):hover,
.cart-widget-side .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):hover {
  background: #1c1916 !important;
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important;
}

/* Checkout — gold (never WoodMart green) */
.cart-widget-side .woocommerce-mini-cart__buttons .checkout,
.cart-widget-side .woocommerce-mini-cart__buttons a.checkout,
.cart-widget-side .woocommerce-mini-cart__buttons .button.checkout {
  background: #8c6d3e !important;
  color: #050505 !important;
  border: 1px solid #8c6d3e !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover,
.cart-widget-side .woocommerce-mini-cart__buttons a.checkout:hover,
.cart-widget-side .woocommerce-mini-cart__buttons .button.checkout:hover {
  background: #e9c176 !important;
  border-color: #e9c176 !important;
  color: #050505 !important;
}

.cart-widget-side .wd-empty-mini-cart .btn,
.cart-widget-side .wd-empty-mini-cart .button,
.cart-widget-side .return-to-shop .button {
  background: transparent !important;
  color: var(--dd-flyout-ink) !important;
  border: 1px solid var(--dd-flyout-ink) !important;
  border-radius: 0.25rem !important;
  box-shadow: none !important;
}

.cart-widget-side .wd-empty-mini-cart .btn:hover,
.cart-widget-side .wd-empty-mini-cart .button:hover,
.cart-widget-side .return-to-shop .button:hover {
  background: #1c1916 !important;
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important;
}

html[data-theme="light"] .cart-widget-side {
  --dd-flyout-bg: #fbf9f4;
  --dd-flyout-ink: #1c1916;
  --dd-flyout-muted: #695f54;
  --dd-flyout-border: #d8d2c9;
  background: #fbf9f4 !important;
  color: #1c1916 !important;
}

/* Neutralize WoodMart dark-panel scheme so cream flyout keeps readable hover */
html[data-theme="light"] .cart-widget-side.color-scheme-light,
html[data-theme="light"] .cart-widget-side[class*="color-scheme-light"] {
  --color-white: #fff;
  --color-gray-300: #695f54;
  --color-gray-800: #1c1916;
  --color-gray-900: #1c1916;
  --bgcolor-white: #fbf9f4;
  --bgcolor-white-rgb: 251, 249, 244;
  --bgcolor-black-rgb: 28, 25, 22;
  --color-black-rgb: 28, 25, 22;
  --wd-text-color: #1c1916;
  --wd-title-color: #1c1916;
  --wd-entities-title-color: #1c1916;
  --wd-entities-title-color-hover: #8c6d3e;
  --wd-link-color: #1c1916;
  --wd-link-color-hover: #8c6d3e;
  --wd-main-bgcolor: #fbf9f4;
  background: #fbf9f4 !important;
  color: #1c1916 !important;
}

html[data-theme="light"] .cart-widget-side.color-scheme-light,
html[data-theme="light"] .cart-widget-side .wd-heading {
  background: #fbf9f4 !important;
  color: #1c1916 !important;
}

html[data-theme="light"] .cart-widget-side .amount,
html[data-theme="light"] .cart-widget-side .woocommerce-Price-amount {
  color: #8c6d3e !important;
}

html[data-theme="light"] .cart-widget-side .cart-info .wd-entities-title,
html[data-theme="light"] .cart-widget-side .cart-info .wd-entities-title a,
html[data-theme="light"] .cart-widget-side .woocommerce-mini-cart-item a,
html[data-theme="light"] .cart-widget-side .product-title,
html[data-theme="light"] .cart-widget-side .quantity,
html[data-theme="light"] .cart-widget-side .cart-info span.quantity {
  color: #1c1916 !important;
}

html[data-theme="light"] .cart-widget-side .woocommerce-mini-cart > li:hover .cart-info .wd-entities-title,
html[data-theme="light"] .cart-widget-side .woocommerce-mini-cart > li:hover .cart-info .wd-entities-title a,
html[data-theme="light"] .cart-widget-side .woocommerce-mini-cart-item:hover .cart-info .wd-entities-title,
html[data-theme="light"] .cart-widget-side .woocommerce-mini-cart-item:hover .cart-info .wd-entities-title a {
  color: #8c6d3e !important;
}

html[data-theme="light"] .cart-widget-side .woocommerce-mini-cart__buttons .button:not(.checkout):hover,
html[data-theme="light"] .cart-widget-side .woocommerce-mini-cart__buttons a.button:not(.checkout):hover,
html[data-theme="light"] .cart-widget-side .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):hover,
html[data-theme="light"] .cart-widget-side .wd-empty-mini-cart .btn:hover,
html[data-theme="light"] .cart-widget-side .wd-empty-mini-cart .button:hover,
html[data-theme="light"] .cart-widget-side .return-to-shop .button:hover {
  background: #1c1916 !important;
  color: #fbf9f4 !important;
  border-color: #1c1916 !important;
}

@media (max-width: 1024px) {
  .dd-theme-toggle-wrap {
    margin-inline-start: 0.35rem;
  }
}