/* ══════════════════════════════════════════════
   SAND BRICKS · Desert Dusk Brand Theme
   ══════════════════════════════════════════════ */

:root {
  --sb-teal:      #2F8074;
  --sb-teal-dark: #236961;
  --sb-char:      #221C14;
  --sb-rust:      #C44B2B;
  --sb-amber:     #D4A020;
  --sb-sand:      #F0E8DA;

  /* Override Zid's dark background variable */
  --color-background: #F0E8DA;
}

/* 1 · Page background — category & product pages only, NOT hero */
body {
  background-color: var(--sb-sand) !important;
}
.section-categories,
.section-products,
[class*="page-products"],
[class*="page-category"] {
  background-color: var(--sb-sand) !important;
}

/* 2 · Add to Cart: outlined → solid teal */
.btn.btn-outlined {
  background-color: var(--sb-teal) !important;
  border-color: var(--sb-teal) !important;
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  border-radius: 3px !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
}
.btn.btn-outlined:hover {
  background-color: var(--sb-teal-dark) !important;
  border-color: var(--sb-teal-dark) !important;
  transform: translateY(-1px) !important;
}

/* 3 · Product image: subtle zoom on hover */
.section-products img {
  transition: transform 0.35s ease !important;
}
.section-products .group:hover img {
  transform: scale(1.04) !important;
}

/* 4 · Product name: teal on hover */
.section-products a:hover {
  color: var(--sb-teal) !important;
}

/* 5 · Wishlist icon: teal on hover */
.btn-icon:hover {
  border-color: var(--sb-teal) !important;
  color: var(--sb-teal) !important;
}

/* 6 · Section headings */
.section-categories h2,
.section-products h2 {
  color: var(--sb-char) !important;
  font-weight: 700 !important;
}

/* 7 · Ticker / announcement bar */
.section-ticker,
[class*="ticker"],
[class*="announcement"] {
  background-color: var(--sb-char) !important;
  color: #fff !important;
}
.section-ticker a,
[class*="ticker"] a {
  color: var(--sb-amber) !important;
}