/*
 Theme Name:   Mystic Masterpieces
 Theme URI:    https://mysticmasterpieces.com
 Description:  Mystic Masterpieces — Esoteric Art Print Shop. Child theme of Storefront.
 Author:       Mystic Masterpieces
 Template:     storefront
 Version:      1.1.0
 Tags:         woocommerce, esoteric, dark, custom
*/

/* ═══════════════════════════════════════════════
   DESIGN TOKENS
═══════════════════════════════════════════════ */
:root {
  --color-bg:           #0d0d0d;
  --color-surface:      #1a1a2e;
  --color-surface-2:    #16213e;
  --color-surface-3:    #111118;
  --color-border:       #2a2a4a;
  --color-border-light: #252540;
  --color-gold:         #c9a84c;
  --color-gold-2:       #d4a843;
  --color-gold-light:   #e8c97a;
  --color-gold-muted:   #8a7030;
  --color-gold-dark:    #9a7a2e;
  --color-text:         #e8e0d0;
  --color-text-muted:   #a09880;
  --color-text-faint:   #6a6050;
  --color-white:        #ffffff;
  --color-error:        #c0392b;
  --color-success:      #27ae60;
  --color-info:         #2980b9;

  --font-heading:       'Cinzel', 'Cormorant Garamond', Georgia, serif;
  --font-body:          'EB Garamond', 'Lora', Georgia, serif;
  --font-mono:          'Courier New', monospace;

  --radius-sm:          4px;
  --radius-md:          8px;
  --radius-lg:          16px;

  --shadow-gold:        0 0 24px rgba(201, 168, 76, 0.15);
  --shadow-card:        0 4px 24px rgba(0, 0, 0, 0.6);
  --transition:         0.25s ease;
}

/* ═══════════════════════════════════════════════
   GOOGLE FONTS
═══════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');

/* ═══════════════════════════════════════════════
   BASE / GLOBAL
═══════════════════════════════════════════════ */
html, body {
  background-color: var(--color-bg) !important;
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.7;
}

*, *::before, *::after {
  border-color: var(--color-border);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.page-title,
.woocommerce-products-header__title {
  font-family: var(--font-heading);
  color: var(--color-gold);
  letter-spacing: 0.04em;
  font-weight: 600;
}

a {
  color: var(--color-gold);
  transition: color var(--transition);
}
a:hover {
  color: var(--color-gold-light);
}

p, li, td, th, dd, dt, blockquote, label, legend {
  color: var(--color-text);
}

hr {
  border-color: var(--color-border);
}

/* ═══════════════════════════════════════════════
   STOREFRONT OVERRIDES — GLOBAL LAYOUT
═══════════════════════════════════════════════ */
#page,
.site,
.col-full,
#content,
.content-area,
.site-content,
.site-main {
  background-color: var(--color-bg) !important;
}

.hentry,
.entry-content,
.page-content,
.post-content {
  background: transparent;
  color: var(--color-text);
}

.entry-title a {
  color: var(--color-gold);
}

/* Page/post meta */
.posted-on, .byline, .cat-links, .tags-links, .comments-link, .edit-link {
  color: var(--color-text-faint);
}
.posted-on a, .byline a, .cat-links a, .tags-links a {
  color: var(--color-text-muted);
}

/* ═══════════════════════════════════════════════
   HEADER — Sleek, sticky, compact (unified)
═══════════════════════════════════════════════ */
.site-header {
  background: rgba(10,10,10,0.97) !important;
  border-bottom: 1px solid rgba(212,168,67,0.08) !important;
  box-shadow: none !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 clamp(1.5rem, 4vw, 4rem) !important;
  min-height: 56px !important;
}
.site-header > .col-full {
  flex: 0 0 auto !important;
  padding: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
.site-header .site-branding {
  margin: 0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.site-header .site-title {
  margin: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.site-header .site-title a {
  font-family: var(--font-heading) !important;
  color: #d4a843 !important;
  font-size: 0.72rem !important;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  display: inline-block !important;
}
.site-header .site-title a:hover { color: #ecc872 !important; }
.site-header .site-description { display: none !important; }

/* Header cart — dark theme styling (visible on subpages) */
.site-header-cart .cart-contents {
  color: var(--color-text) !important;
}
.site-header-cart .cart-contents:hover {
  color: var(--color-gold) !important;
}
.site-header-cart .cart-contents .count {
  background: var(--color-gold) !important;
  color: var(--color-bg) !important;
  border-color: var(--color-gold) !important;
}
.site-header-cart .widget_shopping_cart {
  background: rgba(10,10,10,0.97) !important;
  border: 1px solid rgba(212,168,67,0.15) !important;
}
.site-header-cart .widget_shopping_cart .product_list_widget li a {
  color: var(--color-text) !important;
}
.site-header-cart .widget_shopping_cart .total {
  color: var(--color-gold) !important;
  border-color: var(--color-border) !important;
}

/* Hide cart & search only on home page */
body.home .site-header-cart,
body.home .site-header .site-search { display: none !important; }

/* Search in header — dark theme (visible on subpages) */
.site-header .site-search input[type="search"] {
  background: var(--color-surface-3) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  font-size: 0.85rem;
}

/* ═══════════════════════════════════════════════
   NAVIGATION — Sleek unified header nav
═══════════════════════════════════════════════ */
.storefront-primary-navigation {
  flex: 1 !important;
  display: flex !important;
  justify-content: flex-end !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}
.storefront-primary-navigation > .col-full {
  padding: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
.main-navigation { float: none !important; }
.main-navigation ul {
  display: flex !important;
  gap: 2.8rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.main-navigation ul li { float: none !important; }
.main-navigation ul li a {
  color: #6b5c45 !important;
  font-family: var(--font-heading) !important;
  font-size: 0.67rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  transition: color 0.3s ease !important;
  padding: 0 !important;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
  color: #d4a843 !important;
}

/* Hide WC utility nav items globally */
.main-navigation ul li a[href*="/cart/"],
.main-navigation ul li a[href*="/checkout/"],
.main-navigation ul li a[href*="/my-account/"],
.main-navigation ul li a[href="/"],
.main-navigation ul li a[href*="/shop-2/"] { display: none !important; }
.main-navigation ul li:has(a[href*="/cart/"]),
.main-navigation ul li:has(a[href*="/checkout/"]),
.main-navigation ul li:has(a[href*="/my-account/"]),
.main-navigation ul li:has(a[href="/"]),
.main-navigation ul li:has(a[href*="/shop-2/"]) { display: none !important; }

.secondary-navigation {
  background: transparent !important;
}
.secondary-navigation ul li a {
  color: var(--color-text) !important;
  font-family: var(--font-heading);
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: color var(--transition);
}
.secondary-navigation ul li a:hover {
  color: var(--color-gold) !important;
}

/* Dropdown menus */
.main-navigation ul.menu ul,
.main-navigation ul.nav-menu ul {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
}

.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
  color: var(--color-text) !important;
  border-bottom: 1px solid var(--color-border);
}

.main-navigation ul.menu ul li a:hover {
  color: var(--color-gold) !important;
  background: rgba(201, 168, 76, 0.05);
}

/* Mobile hamburger menu */
.menu-toggle {
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}
.menu-toggle:hover {
  color: var(--color-gold) !important;
  border-color: var(--color-gold-muted) !important;
}

/* Storefront handheld footer bar (mobile) */
.storefront-handheld-footer-bar {
  background: var(--color-surface) !important;
  border-top: 1px solid var(--color-border) !important;
}
.storefront-handheld-footer-bar ul li > a,
.storefront-handheld-footer-bar ul li.search .site-search,
.storefront-handheld-footer-bar ul li.cart .count {
  color: var(--color-text) !important;
}
.storefront-handheld-footer-bar ul li.cart .count {
  background: var(--color-gold) !important;
  color: var(--color-bg) !important;
  border-color: var(--color-surface) !important;
}
.storefront-handheld-footer-bar .site-search {
  background: var(--color-bg) !important;
}
.storefront-handheld-footer-bar .site-search input[type="search"] {
  background: var(--color-surface-3) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

/* ═══════════════════════════════════════════════
   SIDEBAR / WIDGETS
═══════════════════════════════════════════════ */
.widget-area,
#secondary {
  background: transparent;
}

.widget {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.widget h2,
.widget .widget-title,
.widget h3 {
  font-family: var(--font-heading);
  color: var(--color-gold) !important;
  font-size: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.widget ul li {
  border-bottom: 1px solid var(--color-border);
}

.widget ul li a {
  color: var(--color-text) !important;
}
.widget ul li a:hover {
  color: var(--color-gold) !important;
}

/* Product categories widget */
.widget_product_categories ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li {
  color: var(--color-text-muted);
}

/* Price filter widget */
.widget_price_filter .ui-slider {
  background: var(--color-border) !important;
}
.widget_price_filter .ui-slider .ui-slider-range {
  background: var(--color-gold) !important;
}
.widget_price_filter .ui-slider .ui-slider-handle {
  background: var(--color-gold) !important;
  border-color: var(--color-gold) !important;
}
.widget_price_filter .price_slider_amount .button {
  background: var(--color-gold) !important;
  color: var(--color-bg) !important;
}

/* ═══════════════════════════════════════════════
   WOOCOMMERCE — PRODUCT GRID (from shop.css)
═══════════════════════════════════════════════ */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.5rem !important;
}
@media (max-width: 1100px) {
  .woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 1rem !important; }
}
@media (max-width: 480px) {
  .woocommerce ul.products { grid-template-columns: 1fr !important; max-width: 360px !important; margin-left: auto !important; margin-right: auto !important; }
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--color-surface-3);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  overflow: hidden;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
  box-shadow: var(--shadow-card);
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  border-color: rgba(212,168,67,0.35);
  box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 0 0 1px rgba(212,168,67,0.1);
  transform: translateY(-3px);
}

/* Product image */
.woocommerce ul.products li.product a img {
  aspect-ratio: 3/4;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
  filter: brightness(0.85) saturate(0.8);
  transition: filter 0.4s ease, transform 0.5s ease;
}
.woocommerce ul.products li.product:hover a img {
  filter: brightness(0.95) saturate(1);
  transform: scale(1.03);
}
.woocommerce ul.products li.product a:first-child {
  display: block;
  overflow: hidden;
}

/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
  font-family: var(--font-heading) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.04em;
  color: var(--color-text) !important;
  line-height: 1.4;
  padding: 1rem 1.2rem 0.3rem !important;
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.8em;
}

/* Price */
.woocommerce ul.products li.product .price {
  color: var(--color-gold-2) !important;
  font-family: var(--font-heading) !important;
  font-size: 0.85rem !important;
  font-weight: 600;
  padding: 0.2rem 1.2rem 0.5rem !important;
  display: block;
}

/* Add to cart button (grid) */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
  background: transparent !important;
  color: var(--color-gold-dark) !important;
  border: none !important;
  border-top: 1px solid var(--color-border-light) !important;
  border-radius: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 0.7rem 1rem !important;
  margin: 0 !important;
  display: block !important;
  text-align: center;
  transition: all 0.3s ease !important;
  width: 100% !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
  background: rgba(212,168,67,0.05) !important;
  color: var(--color-gold-2) !important;
}

/* Sale badge */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background: var(--color-gold-2) !important;
  color: var(--color-bg) !important;
  font-family: var(--font-heading);
  font-size: 0.55rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0;
  padding: 0.3rem 0.7rem;
  min-height: auto;
  line-height: 1.4;
}

/* Star rating */
.woocommerce .star-rating,
.woocommerce ul.products li.product .star-rating,
.woocommerce .star-rating span::before,
.woocommerce p.stars a {
  color: var(--color-gold-2) !important;
}
.woocommerce ul.products li.product .star-rating {
  font-size: 0.7rem;
  margin: 0 1.2rem 0.3rem;
}

/* Shop page title & ordering */
.woocommerce .woocommerce-products-header__title,
.woocommerce-page h1.page-title {
  font-family: var(--font-heading);
  color: var(--color-gold-2);
  font-size: 1.6rem;
  letter-spacing: 0.12em;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
  background: var(--color-surface-3) !important;
  border: 1px solid var(--color-border-light) !important;
  color: var(--color-text-muted) !important;
  font-family: var(--font-heading);
  font-size: 0.72rem;
  padding: 0.5rem;
}
.woocommerce-result-count {
  color: var(--color-text-faint);
  font-size: 0.8rem;
}

/* ═══════════════════════════════════════════════
   WOOCOMMERCE — SINGLE PRODUCT
═══════════════════════════════════════════════ */
.single-product div.product {
  background: transparent;
}

.woocommerce div.product .product_title,
.single-product .summary h1 {
  font-family: var(--font-heading) !important;
  color: var(--color-text) !important;
  font-size: 2rem;
}

.woocommerce div.product .price,
.single-product .summary .price {
  color: var(--color-gold-2) !important;
  font-size: 1.4rem;
  font-family: var(--font-heading) !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--color-text-muted);
  font-style: italic;
  border-left: 2px solid var(--color-gold-muted);
  padding-left: 1rem;
  margin: 1.5rem 0;
}

/* Add to cart button (single product) */
.single-product .single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button {
  background: linear-gradient(135deg, #c9953c, var(--color-gold-2)) !important;
  color: var(--color-bg) !important;
  font-family: var(--font-heading) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 1px !important;
  padding: 1rem 2.5rem !important;
  font-weight: 700 !important;
  transition: all 0.3s !important;
}
.single-product .single_add_to_cart_button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: linear-gradient(135deg, var(--color-gold-2), var(--color-gold-light)) !important;
  box-shadow: 0 0 20px rgba(212,168,67,0.2) !important;
}

/* Product gallery */
.woocommerce div.product div.images {
  background: transparent;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  background: var(--color-surface);
  border-color: var(--color-border);
  color: var(--color-text);
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  opacity: 0.6;
  transition: opacity var(--transition), border-color var(--transition);
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
  opacity: 1;
  border-color: var(--color-gold-muted);
}

/* Quantity input */
.woocommerce .quantity .qty,
.woocommerce div.product form.cart .quantity .qty {
  background: var(--color-surface-3) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  font-family: var(--font-heading);
}

/* Product meta (SKU, categories, tags) */
.woocommerce div.product .product_meta {
  color: var(--color-text-faint);
  border-top: 1px solid var(--color-border);
  padding-top: 1rem;
}
.woocommerce div.product .product_meta a {
  color: var(--color-text-muted);
}
.woocommerce div.product .product_meta a:hover {
  color: var(--color-gold);
}

/* ═══════════════════════════════════════════════
   WOOCOMMERCE — TABS (single product)
═══════════════════════════════════════════════ */
.woocommerce div.product .woocommerce-tabs {
  background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  background: transparent;
  border-bottom: 1px solid var(--color-border);
  padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom-color: var(--color-border);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
  border-bottom: none !important;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  margin-right: 4px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--color-text-muted) !important;
  font-family: var(--font-heading);
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: var(--color-bg) !important;
  border-bottom-color: var(--color-bg) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--color-gold) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
  color: var(--color-gold-light) !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
  background: transparent;
  color: var(--color-text);
  border: none;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
  color: var(--color-gold);
  font-family: var(--font-heading);
}

/* ═══════════════════════════════════════════════
   WOOCOMMERCE — REVIEWS
═══════════════════════════════════════════════ */
.woocommerce #reviews #comments ol.commentlist li {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  margin-bottom: 1rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: none;
}
.woocommerce #reviews #comments ol.commentlist li .meta {
  color: var(--color-text-muted);
}
.woocommerce #reviews #comments ol.commentlist li .description p {
  color: var(--color-text);
}
.woocommerce #reviews .comment-reply-title {
  color: var(--color-gold);
  font-family: var(--font-heading);
}
.woocommerce #review_form #respond textarea {
  background: var(--color-surface-2) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
}

/* ═══════════════════════════════════════════════
   WOOCOMMERCE — RELATED & UP-SELL PRODUCTS
═══════════════════════════════════════════════ */
.woocommerce .related.products > h2,
.woocommerce .up-sells > h2,
.woocommerce .cross-sells > h2 {
  font-family: var(--font-heading);
  color: var(--color-gold);
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ═══════════════════════════════════════════════
   WOOCOMMERCE — CART
═══════════════════════════════════════════════ */
.woocommerce-cart .woocommerce {
  background: transparent;
}

.woocommerce table.shop_table {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md);
}
.woocommerce table.shop_table th {
  background: var(--color-surface-2) !important;
  color: var(--color-gold) !important;
  font-family: var(--font-heading);
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-color: var(--color-border) !important;
}
.woocommerce table.shop_table td {
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}
.woocommerce table.shop_table td.product-name a {
  color: var(--color-text) !important;
}
.woocommerce table.shop_table td.product-name a:hover {
  color: var(--color-gold) !important;
}
.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table td.product-subtotal {
  color: var(--color-gold-2) !important;
}

/* Cart totals */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
}
.woocommerce .cart-collaterals .cart_totals h2 {
  color: var(--color-gold);
  font-family: var(--font-heading);
}
.woocommerce .cart-collaterals .cart_totals table th {
  color: var(--color-text-muted);
}
.woocommerce .cart-collaterals .cart_totals table td {
  color: var(--color-text);
}
.woocommerce .cart-collaterals .cart_totals .order-total .amount {
  color: var(--color-gold) !important;
  font-weight: 700;
}

/* Remove item */
.woocommerce a.remove {
  color: var(--color-error) !important;
}
.woocommerce a.remove:hover {
  background: var(--color-error) !important;
  color: var(--color-white) !important;
}

/* Coupon */
.woocommerce .coupon input {
  background: var(--color-surface-2) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
}

/* ═══════════════════════════════════════════════
   WOOCOMMERCE — CHECKOUT
═══════════════════════════════════════════════ */
.woocommerce-checkout #payment {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid var(--color-border);
}
.woocommerce-checkout #payment ul.payment_methods li {
  background: transparent;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text);
}
.woocommerce-checkout #payment ul.payment_methods li label {
  color: var(--color-text) !important;
}
.woocommerce-checkout #payment div.payment_box {
  background: var(--color-surface-2) !important;
  color: var(--color-text-muted);
}
.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: var(--color-surface-2) !important;
}
.woocommerce-checkout #payment .place-order .button {
  background: linear-gradient(135deg, #c9953c, var(--color-gold-2)) !important;
  color: var(--color-bg) !important;
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* Checkout form headings */
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
  color: var(--color-gold) !important;
  font-family: var(--font-heading) !important;
}

/* Order review table */
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

/* ═══════════════════════════════════════════════
   WOOCOMMERCE — MY ACCOUNT
═══════════════════════════════════════════════ */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid var(--color-border);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  color: var(--color-text) !important;
  font-family: var(--font-heading);
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  padding: 0.8rem 1.2rem;
  display: block;
  transition: all var(--transition);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--color-gold) !important;
  background: rgba(201, 168, 76, 0.05);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
  border-left: 3px solid var(--color-gold);
}

.woocommerce-account .woocommerce-MyAccount-content {
  color: var(--color-text);
}
.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--color-gold);
}
.woocommerce-account .woocommerce-MyAccount-content table {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
}
.woocommerce-account .woocommerce-MyAccount-content table th {
  background: var(--color-surface-2);
  color: var(--color-gold);
  font-family: var(--font-heading);
  border-color: var(--color-border);
}
.woocommerce-account .woocommerce-MyAccount-content table td {
  border-color: var(--color-border);
  color: var(--color-text);
}

/* Login / Register forms */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register,
.woocommerce form.login,
.woocommerce form.register {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md);
  padding: 2rem;
}
.woocommerce form.login h2,
.woocommerce form.register h2 {
  color: var(--color-gold) !important;
  font-family: var(--font-heading) !important;
}

/* ═══════════════════════════════════════════════
   WOOCOMMERCE — NOTICES / MESSAGES
═══════════════════════════════════════════════ */
.woocommerce-message {
  background: var(--color-surface) !important;
  border-top-color: var(--color-success) !important;
  color: var(--color-text) !important;
}
.woocommerce-message::before {
  color: var(--color-success) !important;
}
.woocommerce-message a.button {
  background: var(--color-gold) !important;
  color: var(--color-bg) !important;
}

.woocommerce-info {
  background: var(--color-surface) !important;
  border-top-color: var(--color-info) !important;
  color: var(--color-text) !important;
}
.woocommerce-info::before {
  color: var(--color-info) !important;
}

.woocommerce-error {
  background: var(--color-surface) !important;
  border-top-color: var(--color-error) !important;
  color: var(--color-text) !important;
}
.woocommerce-error::before {
  color: var(--color-error) !important;
}

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  color: var(--color-text) !important;
}

/* ═══════════════════════════════════════════════
   WOOCOMMERCE — PAGINATION
═══════════════════════════════════════════════ */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--color-surface-3) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-light) !important;
  font-family: var(--font-heading);
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: rgba(212,168,67,0.1) !important;
  color: var(--color-gold-2) !important;
  border-color: rgba(212,168,67,0.3) !important;
}

/* WordPress pagination */
.pagination .page-numbers,
.nav-links .page-numbers {
  background: var(--color-surface-3);
  color: var(--color-text-muted);
  border: 1px solid var(--color-border);
  padding: 0.4rem 0.8rem;
  font-family: var(--font-heading);
}
.pagination .page-numbers.current,
.nav-links .page-numbers.current,
.pagination .page-numbers:hover,
.nav-links .page-numbers:hover {
  background: rgba(212,168,67,0.1);
  color: var(--color-gold);
  border-color: rgba(212,168,67,0.3);
}

/* Post navigation */
.post-navigation a,
.posts-navigation a {
  color: var(--color-gold);
}

/* ═══════════════════════════════════════════════
   FORMS & INPUTS (global)
═══════════════════════════════════════════════ */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="number"],
textarea,
select,
.woocommerce-input-wrapper input,
.select2-container--default .select2-selection--single {
  background: var(--color-surface-2) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  border-radius: var(--radius-sm) !important;
  padding: 0.6rem 0.9rem !important;
  transition: border-color var(--transition);
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--color-gold-muted) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.15) !important;
}

/* Select2 (used by WooCommerce) */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--color-text) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--color-text-muted) transparent transparent transparent !important;
}
.select2-dropdown {
  background: var(--color-surface) !important;
  border-color: var(--color-border) !important;
}
.select2-results__option {
  color: var(--color-text) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(201, 168, 76, 0.15) !important;
  color: var(--color-gold) !important;
}

/* Labels */
label {
  color: var(--color-text) !important;
}

/* Buttons (global) */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button,
input[type="submit"] {
  background: var(--color-gold) !important;
  color: var(--color-bg) !important;
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none !important;
  border-radius: var(--radius-sm);
  padding: 0.8rem 2rem;
  transition: background var(--transition), transform var(--transition);
  cursor: pointer;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--color-gold-light) !important;
  transform: translateY(-1px);
}

/* Alt buttons */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: linear-gradient(135deg, #c9953c, var(--color-gold-2)) !important;
  color: var(--color-bg) !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: linear-gradient(135deg, var(--color-gold-2), var(--color-gold-light)) !important;
}

/* ═══════════════════════════════════════════════
   BREADCRUMBS
═══════════════════════════════════════════════ */
.woocommerce-breadcrumb,
.storefront-breadcrumb {
  background: transparent !important;
  color: var(--color-text-faint);
  font-size: 0.85rem;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 1.5rem;
  padding-bottom: 0.8rem;
}
.woocommerce-breadcrumb a,
.storefront-breadcrumb a {
  color: var(--color-text-muted);
}
.woocommerce-breadcrumb a:hover,
.storefront-breadcrumb a:hover {
  color: var(--color-gold);
}

/* ═══════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════ */
.site-footer {
  background: var(--color-surface) !important;
  border-top: 1px solid var(--color-border);
  color: var(--color-text-muted);
}
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5 {
  color: var(--color-gold);
}
.site-footer a {
  color: var(--color-text-muted);
}
.site-footer a:hover {
  color: var(--color-gold);
}
.site-footer .widget {
  background: transparent !important;
  border: none;
}

/* ═══════════════════════════════════════════════
   SEARCH RESULTS
═══════════════════════════════════════════════ */
.search-results .hentry {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.search-results .entry-title a {
  color: var(--color-gold);
}
.search-results .entry-summary {
  color: var(--color-text);
}

/* Search form */
.search-form .search-field {
  background: var(--color-surface-2) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
}

/* ═══════════════════════════════════════════════
   404 PAGE
═══════════════════════════════════════════════ */
.error-404 {
  text-align: center;
  padding: 3rem 0;
}
.error-404 .page-title {
  color: var(--color-gold);
  font-size: 2.5rem;
}
.error-404 .page-content {
  color: var(--color-text-muted);
}

/* ═══════════════════════════════════════════════
   BLOG / ARCHIVE
═══════════════════════════════════════════════ */
.hentry {
  background: transparent;
}
article.post,
article.page {
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

/* ═══════════════════════════════════════════════
   ORNAMENTAL DIVIDERS
═══════════════════════════════════════════════ */
.mm-divider {
  text-align: center;
  color: var(--color-gold-muted);
  font-size: 1.2rem;
  margin: 2rem 0;
  letter-spacing: 0.5em;
}

/* ═══════════════════════════════════════════════
   SCROLLBAR
═══════════════════════════════════════════════ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--color-bg); }
::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-gold-muted); }

/* ═══════════════════════════════════════════════
   STOREFRONT SPECIFIC OVERRIDES
═══════════════════════════════════════════════ */
/* Storefront homepage sections */
.storefront-product-section {
  background: transparent !important;
}

/* Storefront sorting */
.storefront-sorting {
  border-color: var(--color-border);
}

/* No results */
.woocommerce-no-products-found .woocommerce-info {
  background: var(--color-surface) !important;
}

/* Order received / Thank you page */
.woocommerce-order-received .woocommerce-thankyou-order-received {
  color: var(--color-gold);
  font-family: var(--font-heading);
}
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
}

/* ═══════════════════════════════════════════════
   RESPONSIVE TWEAKS
═══════════════════════════════════════════════ */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
  }
  
  .woocommerce table.shop_table_responsive tr td::before {
    color: var(--color-text-muted) !important;
    font-family: var(--font-heading);
  }
}