/** Shopify CDN: Minification failed

Line 47:0 All "@import" rules must come first

**/
/*
  DISTRICT BOARDS — BRAND STYLESHEET v4.0 (cleaned)
  Same black/gold luxury look as before, rebuilt with CSS variables
  instead of ~40 repeated hardcoded hex values, so future edits only
  require changing a color once at the top.

  NOTE: This file styles the storefront only. Shopify Checkout is a
  separate system and is NOT reachable from this file. Match checkout
  branding in: Shopify Admin → Settings → Checkout → Customize.
*/

/* ── BRAND TOKENS (change colors here, everything below inherits) ── */
:root {
  --db-black:      #080808;
  --db-warm-dark:  #0D0C0A;
  --db-card:       #1C1A16;
  --db-panel:      #0E0E0C;
  --db-footer:     #030303;
  --db-white:      #FAF9F6;
  --db-off-white:  #F3F0E8;
  --db-gold:       #C4A35A;
  --db-gold-l:     #E8D5A3;
  --db-gold-d:     #9A7A38;
  --db-gray:       #A8A49C;
  --db-gray-dark:  #5A5854;
  --db-serif:      'Cormorant Garamond', Georgia, serif;
  --db-sans:       'Jost', sans-serif;

  /* Feed brand colors into the theme's own CSS variable system,
     instead of overriding every element individually. */
  --color-background: 8, 8, 8;
  --color-foreground: 250, 249, 246;
  --color-base-background-1: 8, 8, 8;
  --color-base-background-2: 13, 12, 10;
  --color-base-accent-1: 196, 163, 90;
  --color-base-accent-2: 196, 163, 90;
  --color-base-text: 250, 249, 246;
  --color-base-solid-button-labels: 8, 8, 8;
  --color-base-outline-button-labels: 250, 249, 246;
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap');

html body,
html body.template-index,
html body.template-product,
html body.template-collection,
html body.template-page,
html body.template-cart,
html body.template-customers-login {
  background-color: var(--db-black) !important;
  color: var(--db-white) !important;
  font-family: var(--db-sans) !important;
  font-weight: 300 !important;
}

/* ── ANNOUNCEMENT BAR ── */
html body .shopify-section--announcement-bar,
html body .announcement-bar,
html body x-announcement-bar,
html body [class*="announcement-bar"] {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
}
html body .announcement-bar *,
html body x-announcement-bar * {
  background-color: transparent !important;
  color: var(--db-black) !important;
  font-family: var(--db-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

/* ── HEADER ── */
html body .header,
html body header[role="banner"],
html body .site-header,
html body .header__wrapper,
html body x-header {
  background-color: rgba(8, 8, 8, 0.97) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  backdrop-filter: blur(8px) !important;
}
html body .header__menu-item span,
html body .header__menu-item a,
html body .site-nav a,
html body header a:not([href="/cart"]) {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}
html body .header__menu-item:hover span,
html body header a:not([href="/cart"]):hover {
  color: var(--db-white) !important;
}

html body .header__icon--cart,
html body a[href="/cart"],
html body .cart-link,
html body [data-cart-link] {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
  font-family: var(--db-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 9px 18px !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
html body .header__icon--cart:hover,
html body a[href="/cart"]:hover {
  background-color: var(--db-gold-l) !important;
}
html body .header__icon--cart svg,
html body a[href="/cart"] svg {
  display: none !important;
}
html body .cart-count-bubble {
  background: var(--db-black) !important;
  color: var(--db-gold) !important;
  border-radius: 0 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

/* ── HERO / BANNER ── */
html body .banner,
html body [data-section-type="image-banner"],
html body .shopify-section .banner {
  background-color: var(--db-warm-dark) !important;
}
html body .banner__heading,
html body .banner h1,
html body .banner h2 {
  font-family: var(--db-serif) !important;
  font-size: clamp(46px, 5.5vw, 82px) !important;
  font-weight: 300 !important;
  color: var(--db-white) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.01em !important;
}
html body .banner__text,
html body .banner p {
  color: #C4B89A !important;
  font-family: var(--db-sans) !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
  font-weight: 300 !important;
}
html body .banner .button {
  font-family: var(--db-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
  padding: 16px 36px !important;
  text-decoration: none !important;
}
html body .banner .button--primary,
html body .banner .button:first-of-type {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
  border: none !important;
}
html body .banner .button--primary:hover,
html body .banner .button:first-of-type:hover {
  background-color: var(--db-gold-l) !important;
}
html body .banner .button--secondary,
html body .banner .button:last-of-type {
  background-color: transparent !important;
  color: var(--db-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
html body .banner .button--secondary:hover {
  border-color: var(--db-white) !important;
}

/* ── MARQUEE / TICKER STRIP ── */
html body [class*="marquee"],
html body [class*="scrolling-text"] {
  background-color: var(--db-white) !important;
  padding: 13px 0 !important;
}
html body [class*="marquee"] *,
html body [class*="scrolling-text"] * {
  color: var(--db-black) !important;
  background-color: transparent !important;
  font-family: var(--db-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* ── SHOPIFY SECTIONS — BASE DARK ── */
html body .shopify-section,
html body main,
html body #MainContent,
html body .main-content {
  background-color: var(--db-black) !important;
}
html body .shopify-section + .shopify-section {
  border-top: 1px solid rgba(196, 163, 90, 0.12) !important;
}

/* ── FEATURED COLLECTION / COLLECTION LIST ── */
html body [data-section-type="featured-collection"],
html body [data-section-type="collection-list"] {
  background-color: var(--db-warm-dark) !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
html body [data-section-type="featured-collection"] h2,
html body [data-section-type="featured-collection"] .title {
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(34px, 3.5vw, 54px) !important;
  color: var(--db-white) !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
}
html body [data-section-type="featured-collection"] .section-header__description {
  color: var(--db-gray) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
}

/* ── PRODUCT CARDS ── */
html body .card-wrapper,
html body .card,
html body .card--product {
  background-color: var(--db-card) !important;
  border: 1px solid rgba(196, 163, 90, 0.08) !important;
  border-radius: 0 !important;
  transition: border-color 0.3s !important;
}
html body .card-wrapper:hover,
html body .card:hover {
  border-color: rgba(196, 163, 90, 0.3) !important;
}
html body .card__information {
  background-color: var(--db-card) !important;
  padding: 18px 8px 14px !important;
}
html body .card__heading,
html body .card h3 {
  font-family: var(--db-serif) !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  color: var(--db-white) !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}
html body .card__heading a:hover {
  color: var(--db-gold) !important;
  text-decoration: none !important;
}
html body [class*="price-item"] {
  color: var(--db-gold) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: var(--db-sans) !important;
}
html body .price__from,
html body .price s {
  color: var(--db-gray) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
html body .badge,
html body .card__badge {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
  border-radius: 0 !important;
  font-family: var(--db-sans) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 4px 9px !important;
}
html body .card__media img {
  filter: grayscale(10%) !important;
  transition: transform 0.65s ease, filter 0.4s !important;
}
html body .card-wrapper:hover .card__media img {
  transform: scale(1.05) !important;
  filter: grayscale(0%) !important;
}
html body .quick-add__submit,
html body [class*="quick-add"] .button {
  background-color: var(--db-white) !important;
  color: var(--db-black) !important;
  border-radius: 0 !important;
  font-family: var(--db-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}
html body .quick-add__submit:hover {
  background-color: var(--db-gold) !important;
}

/* ── MULTICOLUMN (TRUST BAR) ── */
html body [data-section-type="multicolumn"] {
  background-color: var(--db-off-white) !important;
  border-top: 2px solid var(--db-gold) !important;
  border-bottom: 2px solid var(--db-gold) !important;
  padding: 40px 0 !important;
}
html body [data-section-type="multicolumn"] .multicolumn-card__title {
  color: var(--db-black) !important;
  font-family: var(--db-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
html body [data-section-type="multicolumn"] .multicolumn-card__description {
  color: var(--db-gray-dark) !important;
  font-size: 12px !important;
}
html body [data-section-type="multicolumn"] svg {
  fill: var(--db-black) !important;
  color: var(--db-black) !important;
}
html body [data-section-type="multicolumn"] h2 {
  color: var(--db-black) !important;
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
}

/* ── IMAGE WITH TEXT / RICH TEXT ── */
html body [data-section-type="image-with-text"],
html body [data-section-type="rich-text"] {
  background-color: var(--db-off-white) !important;
  border-top: 2px solid var(--db-gold) !important;
  border-bottom: 2px solid var(--db-gold) !important;
}
html body [data-section-type="image-with-text"] h2,
html body [data-section-type="image-with-text"] h3,
html body [data-section-type="rich-text"] h2 {
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
  color: var(--db-black) !important;
  font-size: clamp(30px, 3vw, 48px) !important;
  line-height: 1.1 !important;
}
html body [data-section-type="image-with-text"] p,
html body [data-section-type="rich-text"] p {
  color: var(--db-gray-dark) !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  font-weight: 300 !important;
  font-family: var(--db-sans) !important;
}
html body [data-section-type="image-with-text"] .button--primary,
html body [data-section-type="rich-text"] .button--primary {
  background-color: var(--db-black) !important;
  color: var(--db-white) !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--db-sans) !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  padding: 15px 32px !important;
}
html body [data-section-type="image-with-text"] .button--primary:hover {
  background-color: #2E2E2C !important;
}
html body [data-section-type="image-with-text"] .button--secondary {
  border-color: rgba(0, 0, 0, 0.2) !important;
  color: var(--db-black) !important;
  background: transparent !important;
}
html body [data-section-type="rich-text"] p strong {
  display: block !important;
  color: var(--db-gold) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-top: 20px !important;
  margin-bottom: 4px !important;
  font-family: var(--db-sans) !important;
}
html body [data-section-type="rich-text"] p {
  color: var(--db-gray) !important;
}

/* ── GLOBAL BUTTONS ── */
html body .button,
html body .btn,
html body button[type="submit"] {
  font-family: var(--db-sans) !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  transition: background-color 0.2s, color 0.2s !important;
}
html body .button--primary,
html body .product-form__submit {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
  border: none !important;
  padding: 16px 32px !important;
  font-weight: 700 !important;
  font-size: 11px !important;
}
html body .button--primary:hover,
html body .product-form__submit:hover {
  background-color: var(--db-gold-l) !important;
}
html body .button--secondary {
  background: transparent !important;
  color: var(--db-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
html body .button--secondary:hover {
  border-color: var(--db-white) !important;
}

/* ── PRODUCT PAGE ── */
html body .product,
html body .product__info-wrapper,
html body .product-form,
html body [data-section-type="product"] {
  background-color: var(--db-black) !important;
}
html body .product__title {
  font-family: var(--db-serif) !important;
  font-size: clamp(32px, 3vw, 52px) !important;
  font-weight: 300 !important;
  color: var(--db-white) !important;
  line-height: 1.06 !important;
}
html body .product__vendor {
  color: var(--db-gold) !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
html body .product__description,
html body .product__description p {
  color: var(--db-gray) !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  font-weight: 300 !important;
}
html body .product__price,
html body .price-item--regular,
html body .price-item--sale {
  font-family: var(--db-serif) !important;
  font-size: 34px !important;
  font-weight: 300 !important;
  color: var(--db-gold) !important;
}
html body .variant-picker__option-values .button {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: var(--db-gray) !important;
  padding: 10px 16px !important;
  font-size: 12px !important;
  transition: all 0.2s !important;
}
html body .variant-picker__option-values .button:hover {
  border-color: var(--db-gold) !important;
  color: var(--db-white) !important;
}
html body .variant-picker__option-values .button[aria-pressed="true"] {
  background: var(--db-gold) !important;
  color: var(--db-black) !important;
  border-color: var(--db-gold) !important;
  font-weight: 700 !important;
}

/* ── COLLECTION PAGE ── */
html body .collection,
html body [data-section-type="collection-banner"] {
  background-color: var(--db-black) !important;
}
html body .collection .title,
html body [data-section-type="collection-banner"] h1 {
  font-family: var(--db-serif) !important;
  font-size: clamp(36px, 4vw, 60px) !important;
  font-weight: 300 !important;
  color: var(--db-white) !important;
}
html body [class*="breadcrumb"] a {
  color: var(--db-gray) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
}

/* ── CART DRAWER ── */
html body .cart-drawer,
html body .drawer {
  background-color: var(--db-panel) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 0 !important;
}
html body .cart-drawer h2 {
  font-family: var(--db-serif) !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  color: var(--db-white) !important;
}
html body .cart-item__name,
html body .cart-item__title {
  font-family: var(--db-serif) !important;
  font-size: 17px !important;
  color: var(--db-white) !important;
}
html body .cart-item__price,
html body .totals__subtotal-value {
  font-family: var(--db-serif) !important;
  color: var(--db-gold) !important;
  font-weight: 300 !important;
}
html body .cart__checkout-button {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  font-size: 11px !important;
  width: 100% !important;
  padding: 18px !important;
}
html body .cart__checkout-button:hover {
  background-color: var(--db-gold-l) !important;
}

/* ── NAV DROPDOWN / MEGA MENU ── */
html body [class*="mega-menu"],
html body [class*="header__submenu"] {
  background-color: var(--db-panel) !important;
  border-top: 2px solid var(--db-gold) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
html body [class*="mega-menu"] a,
html body [class*="header__submenu"] a {
  color: var(--db-gray) !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
}
html body [class*="mega-menu"] a:hover,
html body [class*="header__submenu"] a:hover {
  color: var(--db-white) !important;
}

/* ── MOBILE MENU DRAWER ── */
html body .menu-drawer,
html body [class*="menu-drawer"] {
  background-color: var(--db-panel) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}
html body .menu-drawer a,
html body [class*="menu-drawer"] a {
  color: var(--db-gray) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
  background-color: transparent !important;
}
html body .menu-drawer a:hover {
  color: var(--db-white) !important;
}

/* ── SEARCH MODAL ── */
html body [class*="search-modal"] {
  background-color: var(--db-panel) !important;
  color: var(--db-white) !important;
}
html body [class*="search-modal"] input[type="search"] {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: var(--db-white) !important;
  font-size: 18px !important;
  font-family: var(--db-sans) !important;
}
html body [class*="predictive-search"] {
  background-color: var(--db-panel) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
html body [class*="predictive-search"] * {
  color: var(--db-gray) !important;
}
html body [class*="predictive-search"] h3 {
  color: var(--db-white) !important;
}
html body [class*="predictive-search"] .price {
  color: var(--db-gold) !important;
}

/* ── FOOTER ── */
html body footer,
html body [class*="footer"] {
  background-color: var(--db-footer) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  color: var(--db-gray) !important;
}
html body [class*="footer__heading"] {
  color: var(--db-white) !important;
  font-family: var(--db-sans) !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
html body .footer a,
html body [class*="footer-block"] a {
  color: #555555 !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
html body .footer a:hover {
  color: var(--db-white) !important;
}
html body [class*="footer__copyright"] {
  color: #3A3A38 !important;
  font-size: 11px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
  padding-top: 20px !important;
}
html body [class*="payment-icon"] {
  filter: invert(1) brightness(0.3) !important;
  opacity: 0.5 !important;
}

/* ── SECTION HEADINGS / LINKS ── */
html body h1,
html body h2,
html body h3,
html body h4,
html body [class*="__title"],
html body [class*="__heading"] {
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
}
html body [class*="section-header__link"] {
  color: var(--db-gray) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  padding-bottom: 2px !important;
  transition: color 0.2s, border-color 0.2s !important;
}
html body [class*="section-header__link"]:hover {
  color: var(--db-white) !important;
  border-bottom-color: var(--db-white) !important;
}

html body ::selection {
  background: var(--db-gold) !important;
  color: var(--db-black) !important;
}
html body :focus-visible {
  outline: 2px solid var(--db-gold) !important;
  outline-offset: 3px !important;
}

/* ── MOBILE ── */
@media screen and (max-width: 768px) {
  html body .banner__heading,
  html body .banner h1 {
    font-size: 38px !important;
    line-height: 1.1 !important;
  }
  html body .banner .button {
    width: 100% !important;
    padding: 15px 20px !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 10px !important;
  }
  html body [data-section-type="multicolumn"],
  html body [data-section-type="image-with-text"] {
    padding: 48px 24px !important;
  }
  html body .card__heading {
    font-size: 16px !important;
  }
  html body .announcement-bar {
    font-size: 9px !important;
    padding: 8px 12px !important;
    letter-spacing: 0.1em !important;
  }
  html body .cart-drawer,
  html body .drawer {
    width: 100% !important;
    max-width: 100% !important;
  }
  html body .menu-drawer {
    max-width: 85vw !important;
  }
}

/* ── CART DRAWER FIX (real selectors for this theme's markup) ──
   .cart-drawer is just the invisible fixed overlay wrapper.
   .cart-drawer-contents is the actual visible sliding panel — it reads
   --theme-background-color and --theme-color-primary/--theme-color-heading,
   NOT the Dawn-style variables set above. Scoping the fix here makes every
   child element (headings, links, prices, buttons, dividers) inherit
   correctly instead of needing one override per sub-class. */
.cart-drawer-contents {
  background-color: var(--db-panel) !important;
  color: var(--db-white) !important;
  --theme-color-primary: var(--db-white);
  --theme-color-heading: var(--db-white);
  --theme-lines-color-primary: rgba(255, 255, 255, 0.18);
  --theme-lines-color-secondary: rgba(255, 255, 255, 0.08);
  --theme-button-background-color-primary: var(--db-gold);
  --theme-button-color-primary: var(--db-black);
}
.cart-drawer-contents .cart-product-line-price,
.cart-drawer-contents .cart-total {
  color: var(--db-gold) !important;
}
.cart-drawer-contents .cart-drawer-header__title,
.cart-drawer-contents .cart-product-title {
  font-family: var(--db-serif) !important;
  font-weight: 400 !important;
}
.cart-drawer-contents .cart-product-remove:hover,
.cart-drawer-contents .cart-product-title a:hover {
  color: var(--db-gold) !important;
}
.cart-drawer-contents .cart-drawer-footer-button {
  font-family: var(--db-sans) !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* ── HEADER DROPDOWN / MEGA MENU FIX (real selectors) ──
   Shopify hardcodes 'scheme_1' onto every submenu item and mega-menu
   card regardless of header scheme, and scheme_1 has no background of
   its own — so the dropdown falls through to a plain white panel. Our
   global `html body { color: var(--db-white) !important }` rule then
   makes the (otherwise dark) scheme_1 text white too, on that white
   panel — invisible. Fix: give the dropdown its own explicit dark
   background and readable text, independent of the scheme it's stuck with. */
.section-header-main-menu-subitems {
  background-color: var(--db-panel) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.section-header-main-menu-subitem__link,
.section-header-main-menu-subitem .section-header-main-menu-item-text {
  color: var(--db-gray) !important;
}
.section-header-main-menu-subitem__link:hover,
.section-header-main-menu-subitem:hover .section-header-main-menu-item-text {
  color: var(--db-white) !important;
}
.section-header-main-menu-card__heading {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
}
.section-header-main-menu-card__description {
  color: var(--db-gray) !important;
}
.section-header-main-menu-card__link:hover .section-header-main-menu-card__heading {
  color: var(--db-gold) !important;
}

/* ── RICH TEXT SECTIONS FIX (real selectors) ──
   Used by "Signature Services", "What Makes Us Premium", "Recent Events",
   and several other homepage blocks. Real classes are
   .section-rich-text-content__text / __special-heading — the
   [data-section-type="rich-text"] rules above never matched anything in
   this theme, so links here were rendering the same near-white color as
   body text with just a faint underline: technically clickable, visually
   invisible as links ("redacted" look). Giving links their own gold
   color makes them read as links again, on every section that uses this
   component. */
.section-rich-text-content__special-heading {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
}
.section-rich-text-content__text {
  color: var(--db-gray) !important;
}
.section-rich-text-content__text strong {
  color: var(--db-white) !important;
}
.section-rich-text-content__text a {
  color: var(--db-gold) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.section-rich-text-content__text a:hover {
  color: var(--db-gold-l) !important;
}

/* ── STANDALONE PAGES FIX (main-page section, real selectors) ──
   Pages with no dedicated template (Corporate Grazing Tables, Cocktail
   Hour Grazing, Luxury Charcuterie Boards, Private Event Grazing, and
   any other page using the generic page.json template) render through
   .section-main-page / .section-main-page-title / .section-main-page-content.
   This section has NO color scheme assigned in the theme at all, so it
   falls back to the site's root default colors, which come from scheme_1:
   near-black text (#080808) and pure black headings (#000000). Combined
   with our global rule forcing every section's background to black,
   that's black text on a black background — completely invisible. This
   fix gives the page body its own explicit readable colors. */
.section-main-page-title {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
}
.section-main-page-content {
  color: var(--db-gray) !important;
}
.section-main-page-content h1,
.section-main-page-content h2,
.section-main-page-content h3,
.section-main-page-content h4 {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
}
.section-main-page-content strong,
.section-main-page-content b {
  color: var(--db-white) !important;
}
.section-main-page-content a {
  color: var(--db-gold) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.section-main-page-content a:hover {
  color: var(--db-gold-l) !important;
}
.section-main-page-content ul,
.section-main-page-content ol {
  color: var(--db-gray) !important;
}
