/* Add custom CSS styles below */

/* =====================================================================
   A. Theme layout fixes (kept from before, without fragile section numbers)
   ===================================================================== */
.NG-hero-section .wrapper { max-width: 30%; }
.NG-marquee-banner .discount-content .discount-text { max-width: 78%; text-wrap: wrap; line-height: normal; }
.GL-promotional-banner.ng-s-block .relative.z-10 { max-width: 50%; }
section.NG-main-banner .text-wrapper.container { max-width: 50%; margin-right: auto; margin-left: 10%; }
/* product-card category label had a broken /null link */
custom-salla-product-card a[href="null"] { pointer-events: none; cursor: default; }
/* hide the empty "تخفيضات" (Sales) menu link while no products are discounted.
   To show it again, delete this line. */
custom-main-menu li:has(> a[href$="/offers"]) { display: none !important; }

/* =====================================================================
   B. Gloworaa look: brown & beige, all screen sizes
   ===================================================================== */
:root {
  --gl-brown: #5f4d3b;
  --gl-brown-2: #7a6553;
  --gl-ink: #2e2620;
  --gl-text: #5c524b;
  --gl-muted: #94877c;
  --gl-cream: #faf6f1;
  --gl-sand: #f4eee7;
  --gl-line: #ebe2d8;
  --gl-gold: #c3a27c;
}

/* Soft Glow layer (added by the theme JavaScript): keep its accents brown & beige */
html:root { --glo-blush: #f4eee7; --glo-rose: #8c6d52; }
.glo-cat .glo-ring { background: conic-gradient(from 200deg, #eadccb, #c3a27c, #5f4d3b, #eadccb) !important; }

/* Hero headline: balanced lines on tablet & desktop (no single word left alone) */
@media (min-width: 768px) {
  .NG-hero-section .banner-wrapper h1 { text-wrap: balance; }
}

/* Header */
header .inner { border-bottom: 1px solid var(--gl-line); }
header .desktop-menu a { color: var(--gl-ink) !important; font-weight: 400; transition: color .2s; }
header .desktop-menu a:hover, header .desktop-menu a.active { color: var(--gl-brown) !important; }

/* Section titles: one style everywhere + a small gold line */
.NG-categories .mb-6 > h1,
section.NG-products h1.blocktitle {
  color: var(--gl-ink) !important;
  font-weight: 700 !important;
  font-size: clamp(22px, 1rem + 1vw, 32px) !important;
  line-height: 1.4 !important;
}
.NG-categories .mb-6 > h1::after,
section.NG-products h1.blocktitle::after {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  margin: 12px auto 0;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(195, 162, 124, 0), var(--gl-gold), rgba(195, 162, 124, 0));
}

/* Trust strip under the hero */
.NG-Why-choose-us-wrapper {
  background: linear-gradient(180deg, var(--gl-cream), var(--gl-sand)) !important;
  border-top: 1px solid var(--gl-line);
  border-bottom: 1px solid var(--gl-line);
}
.NG-Why-choose-us .pros-grid { justify-content: space-between; gap: 18px; }
.NG-Why-choose-us .pro { align-items: center !important; gap: 14px !important; }
.NG-Why-choose-us .pro > i {
  flex: none;
  width: 58px;
  height: 58px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff !important;
  border: 1px solid var(--gl-line);
  box-shadow: 0 6px 18px rgba(95, 77, 59, .10);
  font-size: 26px !important;
  color: var(--gl-brown) !important;
}
.NG-Why-choose-us .pro p:first-child { font-size: 16px !important; font-weight: 700 !important; color: var(--gl-ink) !important; padding-bottom: 2px !important; }
.NG-Why-choose-us .pro p + p { font-size: 13px !important; color: var(--gl-muted) !important; opacity: 1 !important; }
/* the strip sits right under the hero, without a white gap */
section.NG-hero-section:has(~ section.NG-Why-choose-us):not(:has(~ section:not(.NG-Why-choose-us) ~ section.NG-Why-choose-us)) { margin-bottom: 0 !important; }

/* Categories */
.NG-categories .card-front,
.NG-categories .card-back { border-radius: 18px !important; overflow: hidden; }
.NG-categories .card-front img { transition: transform .6s ease; }
.NG-categories .card:hover .card-front img { transform: scale(1.05); }
.NG-categories .title-content { color: var(--gl-ink); font-weight: 700; }

/* Category spotlight (photo + product list): rounded photo like the banners */
section:has(.category-slider) div.sticky:has(> img) { border-radius: 18px; overflow: hidden; }
section:has(.category-slider) h3.category-name { color: var(--gl-ink) !important; font-weight: 700 !important; }

/* Product cards */
custom-salla-product-card .s-product-card-image {
  background: var(--gl-sand) !important;
  border-radius: 16px !important;
  overflow: hidden;
}
custom-salla-product-card .s-product-card-horizontal .s-product-card-image,
custom-salla-product-card.s-product-card-horizontal .s-product-card-image { border-radius: 14px !important; }
custom-salla-product-card .s-product-card-image img.s-product-card-image-cover { mix-blend-mode: multiply; transition: transform .5s ease; }
custom-salla-product-card .s-product-card-content-title,
custom-salla-product-card .s-product-card-content-title a { color: var(--gl-ink) !important; line-height: 1.6 !important; }
custom-salla-product-card .s-product-card-content-category,
custom-salla-product-card .s-product-card-content-category a { color: var(--gl-muted) !important; font-size: 12px !important; }
custom-salla-product-card .s-product-card-price,
custom-salla-product-card .s-product-card-sale-price h4 { color: var(--gl-brown) !important; font-weight: 700 !important; }
@media (hover: hover) {
  custom-salla-product-card:hover .s-product-card-image img.s-product-card-image-cover { transform: scale(1.04); }
}

/* Banners: softer corners, clearer text, pill buttons */
.NG-marquee-banner .swiper-slide > *,
.NG-marquee-banner [class*="rounded"],
.GL-promotional-banner .img-height,
section.NG-main-banner .banner-wrapper,
section.NG-main-banner [class*="banner_grid-"] { border-radius: 18px !important; overflow: hidden; }
.GL-promotional-banner h2 { font-weight: 500 !important; opacity: .9; }
.GL-promotional-banner .relative.z-10 p { font-weight: 700 !important; }
.GL-promotional-banner a.btn-swap,
section.NG-main-banner a[class*="rounded-full"] {
  background: #fff !important;
  color: var(--gl-brown) !important;
  font-weight: 700 !important;
  border: 0 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
}

/* Footer */
.store-footer__inner { background: var(--gl-cream) !important; border-top: 1px solid var(--gl-line); }
.store-footer .footer-description { color: var(--gl-text) !important; line-height: 1.9; }
.store-footer h3, .store-footer h4 { color: var(--gl-ink) !important; font-weight: 700 !important; }
.store-footer a { transition: color .2s; }
.store-footer a:hover { color: var(--gl-brown) !important; }
.store-footer .footer_logo_size { width: 110px !important; }
@media (min-width: 768px) {
  /* columns spread across the full width; the last one only takes space when it has badges */
  .store-footer__inner .container { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) auto !important; }
}

/* Product page (all sizes) */
body.product-single div:has(> div > .sicon-barcode) { display: none !important; }
body.product-single .main-content h1 { color: var(--gl-ink) !important; }
body.product-single .details-slider .s-slider-container { border-radius: 18px !important; border-color: var(--gl-line) !important; }
body.product-single .product__description { color: var(--gl-text); }
body.product-single salla-tabs .s-tabs-content,
body.product-single salla-tabs [class*="tab-content"] { line-height: 1.9; color: var(--gl-text); }

/* Category pages: soft sort menu */
body.product-index select#product-filter { border: 1px solid var(--gl-line) !important; border-radius: 12px !important; background-color: #fff !important; color: var(--gl-ink) !important; }

/* Bigger, easier-to-read product text on large screens */
@media (min-width: 1024px) {
  custom-salla-product-card .s-product-card-content-title,
  custom-salla-product-card .s-product-card-content-title a { font-size: 15px !important; }
  custom-salla-product-card .s-product-card-price,
  custom-salla-product-card .s-product-card-sale-price h4 { font-size: 16px !important; }
}

/* =====================================================================
   C. Phones only (narrower than 768px)
   ===================================================================== */
@media (max-width: 767px) {

  /* previous theme tweaks */
  .NG-categories .card-back-overlay { opacity: 0; }
  section.NG-main-banner .text-wrapper h1 { max-width: fit-content; }
  section.NG-main-banner .text-wrapper.container { max-width: 65%; margin-left: 0%; }
  section.NG-main-banner .banner_grid-1,
  section.NG-main-banner .banner_grid-2,
  section.NG-main-banner .banner_grid-3 { height: 260px; }

  /* 1. Hero: photo on top, text on a brand-brown panel below it */
  .NG-hero-section,
  .NG-hero-section .section-wrapper,
  .NG-hero-section .banner-wrapper { height: auto !important; min-height: 0 !important; }
  .NG-hero-section .banner-wrapper {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 56.25%;
    background-size: 100% auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #5f4d3b !important;
  }
  .NG-hero-section .banner-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: linear-gradient(to bottom, rgba(95, 77, 59, 0) 60%, #5f4d3b 100%);
    pointer-events: none;
  }
  .NG-hero-section .banner-wrapper .wrapper { display: contents !important; }
  .NG-hero-section .banner-wrapper h1 {
    order: 1;
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px 20px 0;
    font-size: 23px !important;
    line-height: 1.5 !important;
    text-wrap: balance;
  }
  .NG-hero-section .subtext-bottom {
    order: 2;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding: 6px 20px 0 !important;
  }
  .NG-hero-section .subtext-bottom p { font-size: 14px !important; line-height: 1.8 !important; text-wrap: pretty; }
  .NG-hero-section .banner-wrapper a.button {
    order: 3;
    position: relative;
    z-index: 3;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin: 16px 20px 22px;
    padding: 0 32px !important;
    border-radius: 999px;
    background: #fff !important;
    color: #5f4d3b !important;
    font-size: 15px !important;
    font-weight: 700;
  }

  /* 2. Trust strip: compact 2 x 2 grid */
  .NG-Why-choose-us .container { padding-top: 16px !important; padding-bottom: 16px !important; }
  .NG-Why-choose-us .pros-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px 10px !important; }
  .NG-Why-choose-us .pro { flex-direction: row !important; gap: 10px !important; }
  .NG-Why-choose-us .pro > i { width: 42px; height: 42px; font-size: 20px !important; box-shadow: 0 3px 10px rgba(95, 77, 59, .10); }
  .NG-Why-choose-us .pro p:first-child { font-size: 13.5px !important; line-height: 1.4 !important; }
  .NG-Why-choose-us .pro p + p { font-size: 11.5px !important; line-height: 1.5 !important; }

  /* 3. Section spacing a little tighter on phones */
  section.NG-products h1.blocktitle::after,
  .NG-categories .mb-6 > h1::after { margin-top: 8px; width: 44px; }

  /* 4. Product cards: only the wishlist heart stays on the photo */
  custom-salla-product-card .s-product-card-quick-btn,
  custom-salla-product-card .enable_compare,
  custom-salla-product-card .union-button { display: none !important; }
  custom-salla-product-card .s-product-card-image salla-button.s-product-card-wishlist-btn button.s-button-element.s-button-icon {
    width: 34px !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
  }
  custom-salla-product-card .s-product-card-image { border-radius: 14px !important; }
  custom-salla-product-card .s-product-card-price,
  custom-salla-product-card .s-product-card-sale-price h4 { font-size: 15px !important; }

  /* 5. Product page: name and price visible on the first screen */
  body.product-single .single__test { margin-top: 8px !important; }
  body.product-single nav.breadcrumbs { display: none !important; }
  body.product-single .details-slider .s-slider-container { height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; }
  body.product-single .details-slider .s-slider-container .swiper-wrapper,
  body.product-single .details-slider .s-slider-container .swiper-slide,
  body.product-single .details-slider .s-slider-container .swiper-slide img { height: 310px !important; }
  body.product-single .s-slider-thumbs { margin-top: 4px !important; }
  body.product-single .s-slider-thumbs-container { margin-top: 0 !important; padding-top: 8px !important; padding-bottom: 8px !important; }
  body.product-single .single_slider .sidebar { padding-bottom: 4px !important; }
  body.product-single .main-content h1 { font-size: 19px !important; line-height: 1.55 !important; margin-bottom: 6px !important; }

  /* buy bar: show the "add to cart" words and give +/- bigger tap areas */
  .sticky-product-bar .s-add-product-button-sr-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    font-weight: 700;
  }
  .sticky-product-bar .s-button-text svg { flex-shrink: 0; }
  .sticky-product-bar .s-quantity-input-container { width: auto !important; }
  .sticky-product-bar .s-quantity-input-button { min-width: 32px !important; }
  .sticky-product-bar .s-quantity-input-input { min-width: 34px !important; }

  /* on product pages the buy bar takes the place of the bottom menu */
  body.product-single .bottom-navbar { display: none !important; }
  body.product-single .sticky-product-bar { bottom: 0 !important; padding-bottom: 14px !important; }
  body.product-single header .icons { display: flex !important; }
  body.product-single { padding-bottom: 48px !important; }

  /* 6. Category pages: less empty space under the header */
  body.product-index main > .NG-index { margin-top: 8px !important; }

  /* 7. Small fixes */
  header .mburger { padding: 14px 6px; margin: -14px -6px; }
  .mm-ocd__backdrop::after { background-color: #5f4d3b !important; }
  #scrollToTopBtn { display: none !important; }
}

/* =====================================================================
   D. Dark mode: follows the shopper's phone (Ray chose this on 13 Oct 2026)
   Turns on only when her phone or computer is set to dark mode.
   Product photos stay on light tiles, so white supplier photos don't glare
   and makeup shades look true. Salla's payment pages stay light.
   Undo: delete from here to "end dark mode" and save.
   ===================================================================== */
@media (prefers-color-scheme: dark) {

  /* 1. Colours */
  html:root {
    color-scheme: dark;
    --dk-bg: #1b1612;       /* page: deep chocolate, not black */
    --dk-surface: #231c17;  /* header, cards, footer */
    --dk-raised: #2d251f;   /* inputs, chips, boxes */
    --dk-line: #3b3028;
    --dk-ink: #f1e8dd;      /* cream, not pure white */
    --dk-text: #d9ccbf;
    --dk-muted: #ab9d8f;
    --dk-gold: #c8a27a;     /* main buttons */
    --dk-gold-2: #e2c49f;   /* prices, links, icons */
    --dk-on-gold: #1b1612;
    --dk-tile: #ece4da;     /* light tile behind product photos */

    /* Gloworaa look (section B) */
    --gl-ink: var(--dk-ink);
    --gl-text: var(--dk-text);
    --gl-muted: var(--dk-muted);
    --gl-cream: var(--dk-surface);
    --gl-sand: var(--dk-tile);
    --gl-line: var(--dk-line);
    --gl-brown: var(--dk-gold-2);
    --gl-brown-2: var(--dk-gold);

    /* Soft Glow layer (store JavaScript) */
    --glo-ink: var(--dk-ink);
    --glo-cocoa: #120e0b;
    --glo-brown: var(--dk-gold);
    --glo-brown2: var(--dk-gold);
    --glo-muted: var(--dk-muted);
    --glo-latte: var(--dk-raised);
    --glo-cream: var(--dk-surface);
    --glo-blush: var(--dk-raised);
    --glo-rose: #d9a3a0;
    --glo-line: var(--dk-line);

    /* Theme and Salla colours (page, text, buttons, links) */
    --color-background: var(--dk-bg);
    --color-font: var(--dk-ink);
    --color-secondary-font: var(--dk-text);
    --color-secondary: var(--dk-gold-2);
    --color-primary: var(--dk-gold);
    --color-primary-dark: #b38d65;
    --color-primary-light: #3a2f26;
    --color-primary-reverse: var(--dk-on-gold);
    --swal2-background: var(--dk-raised);
    --swal2-color: var(--dk-text);
  }

  /* 2. Page, text, borders, inputs */
  html, body, .app-inner, main { background-color: var(--dk-bg) !important; }
  body { color: var(--dk-text); }
  h1, h2, h3, h4, h5, h6 { color: var(--dk-ink); }
  .bg-background { background-color: var(--dk-bg) !important; }
  .bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200 { background-color: var(--dk-surface) !important; }
  .bg-border-color { background-color: var(--dk-raised) !important; }
  .text-black, .text-font, .text-dark, .text-gray-900, .text-gray-800, .text-gray-700 { color: var(--dk-ink) !important; }
  .text-gray-600, .text-gray-500, .text-gray-400 { color: var(--dk-muted) !important; }
  .border-gray-100, .border-gray-200, .border-gray-300 { border-color: var(--dk-line) !important; }
  hr { border-color: var(--dk-line) !important; }
  input, select, textarea {
    background-color: var(--dk-raised) !important;
    color: var(--dk-ink) !important;
    border-color: var(--dk-line) !important;
  }
  input::placeholder, textarea::placeholder { color: var(--dk-muted) !important; }

  /* 3. Logo: brown ink on a transparent PNG turns cream (header, footer, newsletter, phone menu) */
  img[src*="4c5384c0-38af-4d06-b323-d0a1191896b0"] { filter: brightness(0) invert(93%) sepia(12%) saturate(250%) hue-rotate(345deg); }
  .mm-spn li.logo { background-color: transparent !important; filter: brightness(0) invert(93%) sepia(12%) saturate(250%) hue-rotate(345deg); }

  /* 4. Header, phone menu, bottom bar */
  #mainnav .inner, header .inner { background-color: var(--dk-surface) !important; }
  header .icons a, header .icons button, header .mburger, header [class*="sicon-"] { color: var(--dk-ink) !important; }
  .mm-ocd__content, .mm-spn, .mm-spn ul { background: var(--dk-surface) !important; color: var(--dk-ink) !important; }
  .mm-spn a, .mm-spn span { color: var(--dk-ink) !important; }
  .mm-spn li::after, .mm-spn li::before { border-color: var(--dk-line) !important; }
  .bottom-navbar { background: var(--dk-surface) !important; border-top: 1px solid var(--dk-line) !important; box-shadow: none !important; }
  .bottom-navbar * { color: var(--dk-text) !important; }
  .bottom-navbar .navbar-item svg path,
  .bottom-navbar .wish:not(.active) svg path { stroke: var(--dk-text) !important; }
  .bottom-navbar .search * { fill: none !important; }
  .bottom-navbar::before { background-color: var(--dk-surface) !important; } /* the round notch behind the cart button */
  .bottom-navbar .cart-icon { box-shadow: 0 4px 12px rgba(0, 0, 0, .45) !important; }
  .bottom-navbar .cart-icon, .bottom-navbar .cart-icon * { color: var(--dk-on-gold) !important; }

  /* 5. Homepage */
  .NG-Why-choose-us-wrapper { background: var(--dk-surface) !important; }
  .NG-Why-choose-us .pro > i { background: var(--dk-raised) !important; color: var(--dk-gold-2) !important; box-shadow: none !important; }
  #main-content h3.category-name { color: var(--dk-ink) !important; }
  /* white pill buttons on photo banners keep brown text */
  .GL-promotional-banner a.btn-swap,
  section.NG-main-banner a[class*="rounded-full"] { color: #5f4d3b !important; }
  /* Soft Glow sections */
  .glo-cat .glo-ring i { border-color: var(--dk-bg) !important; }
  .glo-step, .glo-pc { background: var(--dk-surface) !important; }
  .glo-step[aria-selected="true"] { background: var(--dk-gold) !important; border-color: var(--dk-gold) !important; color: var(--dk-on-gold) !important; }
  .glo-step[aria-selected="true"] .glo-si { background: var(--dk-on-gold) !important; color: var(--dk-gold-2) !important; }
  .glo-step[aria-selected="true"] em { color: #4a3a2c !important; }
  .glo-pc-img { background: var(--dk-tile) !important; }
  .glo-pc-add { color: var(--dk-on-gold) !important; }
  .glo-skel { background: linear-gradient(100deg, #2a221c 30%, #342a23 50%, #2a221c 70%) !important; background-size: 300% 100% !important; }
  .glo-ings a, .glo-empty a { color: var(--dk-gold-2) !important; border-color: #5a4a3d !important; }
  #glo-brands { background: var(--dk-bg) !important; }
  #glo-brands .glo-brs a { background: var(--dk-surface) !important; }
  #glo-trust .glo-ic { background: var(--dk-raised) !important; color: var(--dk-gold-2) !important; }

  /* 6. Product cards: photo on a light tile */
  custom-salla-product-card.s-product-card-entry,
  custom-salla-product-card .s-product-card-entry { background-color: var(--dk-surface) !important; border-color: var(--dk-line) !important; }
  custom-salla-product-card .s-product-card-image { background: var(--dk-tile) !important; }

  /* 7. Product page */
  body.product-single .details-slider .s-slider-container,
  body.product-single .details-slider .swiper-slide,
  body.product-single .s-slider-thumbs .swiper-slide { background-color: var(--dk-tile) !important; }
  body.product-single .details-slider .swiper-slide img,
  body.product-single .s-slider-thumbs .swiper-slide img { mix-blend-mode: multiply; }
  .sticky-product-bar { background: var(--dk-surface) !important; border-top: 1px solid var(--dk-line) !important; box-shadow: 0 -6px 20px rgba(0, 0, 0, .35) !important; }
  .s-quantity-input-container,
  .s-quantity-input-input,
  .s-quantity-input-button { background: var(--dk-raised) !important; color: var(--dk-ink) !important; border-color: var(--dk-line) !important; }
  .product-form .form-label { color: var(--dk-text) !important; }
  #glw-trust li { background: var(--dk-raised) !important; color: var(--dk-text) !important; border-color: var(--dk-line) !important; }
  #glw-trust li svg { color: var(--dk-gold-2) !important; stroke: var(--dk-gold-2) !important; }
  #glw-info { background: var(--dk-surface) !important; border-color: var(--dk-line) !important; color: var(--dk-text) !important; }
  #glw-info .glw-row + .glw-row { border-top-color: var(--dk-line) !important; }
  #glw-info svg { stroke: var(--dk-gold-2) !important; }
  #glw-info b, #glw-info a u { color: var(--dk-gold-2) !important; }
  #glw-info small { color: var(--dk-muted) !important; }
  body.product-single #glw-info .glw-bar { background: var(--dk-raised) !important; }
  #glw-info .glw-bar i { background: var(--dk-gold) !important; }
  #glw-facts { color: var(--dk-text) !important; border-color: var(--dk-line) !important; }
  #glw-facts .glw-f { border-color: var(--dk-line) !important; }
  #glw-facts .glw-fl, #glw-facts a { color: var(--dk-gold-2) !important; }
  body.product-single #glw-more { background: var(--dk-surface) !important; border-color: var(--dk-line) !important; color: var(--dk-text) !important; }
  #glw-more .glw-mh, #glw-more .glw-nm, #glw-more .glw-pr { color: var(--dk-ink) !important; }
  #glw-more .glw-ms { color: var(--dk-muted) !important; }
  #glw-more .glw-ms b { color: var(--dk-gold-2) !important; }
  body.product-single #glw-more .glw-im { background: var(--dk-tile) !important; }
  #glw-more .glw-im img { mix-blend-mode: multiply; }
  #glw-more button { background: transparent !important; border-color: var(--dk-gold) !important; color: var(--dk-gold-2) !important; }
  #glw-more button.glw-done { background: var(--dk-gold) !important; color: var(--dk-on-gold) !important; }
  #glw-more .glw-duo { color: #d9a3a0 !important; }

  /* 8. Search, category pages, cart, pop-ups */
  .s-search-product-card-content-title { color: var(--dk-ink) !important; }
  .s-search-product-card-price,
  .s-search-product-card-price-value,
  .s-search-product-card-price * { color: var(--dk-gold-2) !important; }
  .s-search-view-all { color: var(--dk-gold-2) !important; }
  body.product-index select#product-filter { background-color: var(--dk-raised) !important; color: var(--dk-ink) !important; border-color: var(--dk-line) !important; }
  .s-modal-body, .s-search-container, .s-search-results { background-color: var(--dk-surface) !important; color: var(--dk-ink) !important; }
  #glo-cartship .glo-ci { background: var(--dk-raised) !important; color: var(--dk-gold-2) !important; }
  #glo-cartship .glo-cb { background: var(--dk-raised) !important; }

  /* 9. Footer (the theme's footer colours are set with !important, so these selectors are longer) */
  .store-footer, .store-footer__inner { background: var(--dk-surface) !important; }
  .store-footer p, .store-footer li, .store-footer a, .store-footer span { color: var(--dk-text) !important; }
  .store-footer h3, .store-footer h4 { color: var(--dk-ink) !important; }
  .store-footer a:hover { color: var(--dk-gold-2) !important; }
  .store-footer .s-menu-footer-list a.s-menu-footer-item,
  .store-footer .store-footer__inner .unicode { color: var(--dk-text) !important; }
  .store-footer .s-menu-footer-list a.s-menu-footer-item:hover { color: var(--dk-gold-2) !important; }
  .store-footer .store-footer__inner .s-contacts-icon svg { fill: var(--dk-gold-2) !important; }
}
/* end dark mode */