/* Dark mode: deep sage page, darker panels, cream writing, gold accents. */

html[data-theme="dark"] {
    --gr-paper: #16241e;
    --gr-ink: #f6f1e8;
    --gr-white: #24382f;
    --gr-gold: #c4a574;
    --gr-gold-soft: #d8c49a;
    --pure-white: #fffcf7;
    --deep-navy: #2f4a3e;
    --warm-gold: #c4a574;
    color-scheme: dark;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: #16241e !important;
    background-image: none !important;
    color: #f6f1e8;
}

html[data-theme="dark"] body {
    position: relative;
    z-index: 0;
}

/* Pattern sits above the sage and under the page, without moving anything */
html[data-theme="dark"] body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: url("/images/hero-flower-pattern.png");
    background-repeat: repeat;
    background-size: 280px auto;
    opacity: 0.16;
    filter: none;
}

/* Let the sage show between sections. Do not change position or z-index. */
html[data-theme="dark"] body.page-home-index .home-sec,
html[data-theme="dark"] body.page-home-index .home-sec-alt,
html[data-theme="dark"] body.page-home-index .home-sec-mist,
html[data-theme="dark"] body.page-home-index .home-sec-blush,
html[data-theme="dark"] .home,
html[data-theme="dark"] .shop-main,
html[data-theme="dark"] .home-cats-clip,
html[data-theme="dark"] .home-trust-wrap,
html[data-theme="dark"] .home-hero,
html[data-theme="dark"] .home-slider,
html[data-theme="dark"] .home-slide,
html[data-theme="dark"] .breadcrumb-section,
html[data-theme="dark"] .cart-header-section {
    background-color: transparent !important;
    background-image: none !important;
}

html[data-theme="dark"] .shop-main::before { display: none !important; }

html[data-theme="dark"] .home-slide-photo { opacity: 1 !important; filter: none !important; }

/* Navigation */
html[data-theme="dark"] .gr-topbar,
html[data-theme="dark"] body.home-page .gr-topbar,
html[data-theme="dark"] body.home-page .gr-topbar.is-solid,
html[data-theme="dark"] body.home-page .gr-topbar:not(.is-solid),
html[data-theme="dark"] body:not(.home-page) .gr-topbar {
    background: #24382f !important;
    color: #f6f1e8 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .gr-icon-btn,
html[data-theme="dark"] .gr-desk-links a {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .gr-brand-img {
    filter: brightness(0) invert(1) !important;
}

html[data-theme="dark"] .gr-desk-search {
    background: rgba(246, 241, 232, 0.1) !important;
    border-color: rgba(196, 165, 116, 0.35) !important;
}

html[data-theme="dark"] .gr-desk-search input {
    background: transparent !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .gr-bottom {
    background: #24382f !important;
    border-top: 1px solid rgba(196, 165, 116, 0.28) !important;
}

html[data-theme="dark"] .gr-bottom a { color: #e7efe4 !important; }
html[data-theme="dark"] .gr-bottom a.active { color: #c4a574 !important; }

html[data-theme="dark"] .gr-footer {
    background: #24382f !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .gr-footer a,
html[data-theme="dark"] .gr-footer p,
html[data-theme="dark"] .gr-footer h6,
html[data-theme="dark"] .gr-footer li {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] #mainMenuDrawer,
html[data-theme="dark"] .offcanvas {
    background: #2f4a3e !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .offcanvas-title,
html[data-theme="dark"] .drawer-section-title,
html[data-theme="dark"] .drawer-cat-row > a,
html[data-theme="dark"] .drawer-product-link {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .pick-head h2,
html[data-theme="dark"] .home-head h2,
html[data-theme="dark"] .cart-header-section h1,
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .breadcrumb a,
html[data-theme="dark"] .breadcrumb-item,
html[data-theme="dark"] .breadcrumb-item.active {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .pick-head a { color: #c4a574 !important; }

html[data-theme="dark"] .home-band {
    background: #24382f !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .home-band h2,
html[data-theme="dark"] .home-band p,
html[data-theme="dark"] .home-band span {
    color: #f6f1e8 !important;
}

/* Dark panels */
html[data-theme="dark"] .home-trust,
html[data-theme="dark"] .home-prod,
html[data-theme="dark"] .pick-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .cart-item-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .order-card,
html[data-theme="dark"] .shop-controls,
html[data-theme="dark"] .filter-box,
html[data-theme="dark"] .ctrl-btn,
html[data-theme="dark"] .gr-cart-drawer,
html[data-theme="dark"] .qty-sheet,
html[data-theme="dark"] #cookieBanner,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .main-image-container,
html[data-theme="dark"] .card,
html[data-theme="dark"] .home-about-card {
    background: #24382f !important;
    color: #f6f1e8 !important;
    border-color: rgba(246,241,232,0.16) !important;
}

html[data-theme="dark"] .home-prod h3,
html[data-theme="dark"] .home-prod-name,
html[data-theme="dark"] .pick-card h3,
html[data-theme="dark"] .product-info h3,
html[data-theme="dark"] .product-card h3,
html[data-theme="dark"] .filter-box,
html[data-theme="dark"] .filter-box h3,
html[data-theme="dark"] .filter-link:not(.active),
html[data-theme="dark"] .shop-controls,
html[data-theme="dark"] .shop-controls .count,
html[data-theme="dark"] .gr-cart-drawer,
html[data-theme="dark"] .gr-cart-drawer h5,
html[data-theme="dark"] .card,
html[data-theme="dark"] .card h1,
html[data-theme="dark"] .card h2,
html[data-theme="dark"] .card h3,
html[data-theme="dark"] .card p,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .cart-item-card,
html[data-theme="dark"] .cart-item-card * {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .home-prod-price,
html[data-theme="dark"] .home-prod-price small,
html[data-theme="dark"] .pick-card span,
html[data-theme="dark"] .product-info .price,
html[data-theme="dark"] .product-info .price small,
html[data-theme="dark"] .shop-controls .count span {
    color: #ffe7b8 !important;
}

/* Text that sits on the sage page, not inside a cream card */
html[data-theme="dark"] body.page-home-contact h1,
html[data-theme="dark"] body.page-home-contact h1 + p,
html[data-theme="dark"] body.page-home-about > section:first-of-type h1,
html[data-theme="dark"] .product-title,
html[data-theme="dark"] .product-info-col,
html[data-theme="dark"] .product-info-col label,
html[data-theme="dark"] .product-info-col p,
html[data-theme="dark"] .product-info-col h5,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .product-price,
html[data-theme="dark"] .product-price .currency {
    background: transparent !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .product-public-code .code-chip,
html[data-theme="dark"] .code-chip {
    background: #c4a574 !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .badge-stock-status.available {
    background: #e7f6ee !important;
    color: #1f6b45 !important;
}

html[data-theme="dark"] .shop-public-code {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .btn-quick-cart:not(.out) {
    background: #2f4a3e !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .btn-quick-cart:not(.out) i {
    background: transparent !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .related-card,
html[data-theme="dark"] .related-info {
    background: #24382f !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .related-img-wrap,
html[data-theme="dark"] body.page-home-details .related-img-wrap {
    background: #1a2822 !important;
}

html[data-theme="dark"] .gr-cart-drawer,
html[data-theme="dark"] .gr-cart-head,
html[data-theme="dark"] .gr-cart-foot,
html[data-theme="dark"] .gr-cart-item,
html[data-theme="dark"] .gr-cart-loading {
    background: #24382f !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .gr-cart-head h5,
html[data-theme="dark"] .gr-cart-loading {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] .home-trust-item,
html[data-theme="dark"] .home-trust-item span {
    background: transparent !important;
    color: #e7efe4 !important;
}

html[data-theme="dark"] .home-cats-bar .home-cat:not(:first-child),
html[data-theme="dark"] .quick-cat:not(.active) {
    background: #24382f !important;
    color: #f6f1e8 !important;
    border-color: rgba(246,241,232,0.2) !important;
}

html[data-theme="dark"] .home-cats-bar .home-cat:first-child,
html[data-theme="dark"] .home-cat.is-on,
html[data-theme="dark"] .quick-cat.active {
    background: #3d4a38 !important;
    color: #f6f1e8 !important;
    border-color: #f6f1e8 !important;
}

html[data-theme="dark"] .home-prod-img,
html[data-theme="dark"] body.page-home-index .home-prod-img,
html[data-theme="dark"] .pick-card img,
html[data-theme="dark"] body.page-home-index .pick-card img,
html[data-theme="dark"] .product-img,
html[data-theme="dark"] .product-img-wrapper,
html[data-theme="dark"] body.page-home-shop .product-img,
html[data-theme="dark"] .home-rail-img,
html[data-theme="dark"] .main-image-container {
    background: #1a2822 !important;
    background-image: none !important;
}

html[data-theme="dark"] .home-prod-cart,
html[data-theme="dark"] .btn-add-cart,
html[data-theme="dark"] .btn-gold-fill,
html[data-theme="dark"] .gr-cart-checkout {
    background: #2f4a3e !important;
    color: #f6f1e8 !important;
    border-color: #f6f1e8 !important;
}

/* Page titles that sit on the sage background */
html[data-theme="dark"] body.page-home-contact main > section:first-of-type h1,
html[data-theme="dark"] body.page-home-contact main > section:first-of-type p,
html[data-theme="dark"] body.page-home-about main > section:first-of-type h1,
html[data-theme="dark"] body.page-home-about main > section:first-of-type p,
html[data-theme="dark"] body.page-cart-checkout main > section:first-of-type h1,
html[data-theme="dark"] body.page-cart-checkout main > section:first-of-type p,
html[data-theme="dark"] body.page-cart-index .cart-header-section h1,
html[data-theme="dark"] body.page-cart-index .cart-header-section p {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-home-contact main > section:first-of-type span {
    color: #c4a574 !important;
}

/* Dark boxes and cream writing inside them */
html[data-theme="dark"] body.page-home-details .purchase-card,
html[data-theme="dark"] body.page-home-details .trust-item,
html[data-theme="dark"] body.page-home-details .attributes-box,
html[data-theme="dark"] body.page-home-details .numpad-box,
html[data-theme="dark"] body.page-home-details .add-cart-success-box,
html[data-theme="dark"] body.page-home-shop .sort-menu,
html[data-theme="dark"] body.page-home-shop .sidebar-panel,
html[data-theme="dark"] body.page-home-shop .qty-sheet,
html[data-theme="dark"] body.page-user-index .stat-card,
html[data-theme="dark"] body.page-user-index .support-card,
html[data-theme="dark"] body.page-user-index .order-card,
html[data-theme="dark"] body[class*="page-account-"] .auth-card {
    background: #24382f !important;
    color: #f6f1e8 !important;
    border-color: rgba(246,241,232,0.16) !important;
}

html[data-theme="dark"] body.page-home-details .purchase-card label,
html[data-theme="dark"] body.page-home-details .purchase-card .section-sub-label,
html[data-theme="dark"] body.page-home-details .purchase-card .total-price-side,
html[data-theme="dark"] body.page-home-details .purchase-card .total-price-side strong,
html[data-theme="dark"] body.page-home-details .purchase-card h5,
html[data-theme="dark"] body.page-home-details .trust-item span,
html[data-theme="dark"] body.page-home-details .attributes-box,
html[data-theme="dark"] body.page-home-details .attributes-box h5,
html[data-theme="dark"] body.page-home-details .attributes-box strong,
html[data-theme="dark"] body.page-user-index .stat-card,
html[data-theme="dark"] body.page-user-index .stat-card h3,
html[data-theme="dark"] body.page-user-index .order-card,
html[data-theme="dark"] body.page-user-index .order-card h3,
html[data-theme="dark"] body.page-user-index .support-card,
html[data-theme="dark"] body.page-user-index .support-card h3,
html[data-theme="dark"] body[class*="page-account-"] .auth-card h2,
html[data-theme="dark"] body[class*="page-account-"] .auth-card .sub,
html[data-theme="dark"] body[class*="page-account-"] .auth-card label,
html[data-theme="dark"] body[class*="page-account-"] .auth-card p,
html[data-theme="dark"] body[class*="page-account-"] .auth-card a,
html[data-theme="dark"] body[class*="page-account-"] .input-wrap input {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-cart-index .quantity-picker-mini,
html[data-theme="dark"] body.page-cart-index .quantity-picker-mini button,
html[data-theme="dark"] body.page-cart-index .qty-control,
html[data-theme="dark"] body.page-cart-index .qty-num {
    background: #1c2e27 !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-cart-index .cart-header-section strong[style*="color: #2f4a3e"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] body.page-cart-index .cart-header-section .breadcrumb-item.active[style*="color: #2f4a3e"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] body.page-cart-index .mt-4 a[style*="color: #2f4a3e"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *) {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-cart-checkout #shippingFeeText {
    color: #9ddec0 !important;
}

html[data-theme="dark"] body.page-cart-index .summary-card h3,
html[data-theme="dark"] body.page-cart-index .summary-card p,
html[data-theme="dark"] body.page-cart-index .summary-card span,
html[data-theme="dark"] body.page-cart-index .summary-card li,
html[data-theme="dark"] body.page-cart-index .summary-card strong {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-home-details .quantity-controller,
html[data-theme="dark"] body.page-home-details .variant-img-wrap,
html[data-theme="dark"] body.page-cart-index .cart-item-img-box,
html[data-theme="dark"] body[class*="page-account-"] .input-wrap input {
    background: #1c2e27 !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-home-details .quantity-controller button,
html[data-theme="dark"] body.page-home-details .qty-display {
    color: #f6f1e8 !important;
    background: transparent !important;
}

html[data-theme="dark"] body.page-home-details .btn-add-cart,
html[data-theme="dark"] body.page-home-details .btn-add-cart i,
html[data-theme="dark"] body[class*="page-account-"] .auth-card button[type="submit"] {
    background: #2f4a3e !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-home-details .related-info h4,
html[data-theme="dark"] body.page-home-details .attr-title,
html[data-theme="dark"] body.page-home-details .attr-value {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-home-details .related-info .price {
    color: #ffe7b8 !important;
}

html[data-theme="dark"] body.page-home-details .variant-label {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-home-details .btn-whatsapp-outline {
    background: #24382f !important;
    color: #1f6b45 !important;
    border-color: #1f6b45 !important;
}

html[data-theme="dark"] body.page-home-contact main > section:first-of-type h1[style*="color: #2f4a3e"]:not(.gr-swatch):not([style*="background:#c4a574"]):not([style*="background:#c4a574"] *):not([style*="background: #c4a574"]):not([style*="background: #c4a574"] *):not([style*="background:#2f4a3e"]):not([style*="background:#2f4a3e"] *):not([style*="background: #2f4a3e"]):not([style*="background: #2f4a3e"] *),
html[data-theme="dark"] body.page-home-contact main > section:first-of-type p[style*="color: #8a8a8a"]:not(.gr-swatch):not([style*="background:#c4a574"]):not([style*="background:#c4a574"] *):not([style*="background: #c4a574"]):not([style*="background: #c4a574"] *):not([style*="background:#2f4a3e"]):not([style*="background:#2f4a3e"] *):not([style*="background: #2f4a3e"]):not([style*="background: #2f4a3e"] *) {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-home-shop .sort-menu a,
html[data-theme="dark"] body.page-home-shop .filter-link,
html[data-theme="dark"] body.page-home-shop .sidebar-panel h3,
html[data-theme="dark"] body.page-home-shop .occasion-tags a {
    color: #f6f1e8 !important;
    background: transparent !important;
}

html[data-theme="dark"] body.page-home-shop .sort-menu a.active,
html[data-theme="dark"] body.page-home-shop .filter-link.active,
html[data-theme="dark"] body.page-home-shop .occasion-tags a.active {
    background: #2f4a3e !important;
    color: #f6f1e8 !important;
}

/* Sage writing stays sage on a gold bar */
html[data-theme="dark"] [style*="background: #c4a574"] [style*="color: #2f4a3e"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] [style*="background:#c4a574"] [style*="color: #2f4a3e"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] [style*="background: #c4a574"][style*="color: #2f4a3e"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] [style*="background:#c4a574"][style*="color: #2f4a3e"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *) {
    color: #2f4a3e !important;
}

html[data-theme="dark"] .leaflet-popup-content-wrapper,
html[data-theme="dark"] .leaflet-popup-tip {
    background: #24382f !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-home-about .leaflet-control-zoom a {
    background: #24382f !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body[class*="page-home-"] [style*="background:#ffffff"]:not(.gr-swatch),
html[data-theme="dark"] body[class*="page-home-"] [style*="background: #ffffff"]:not(.gr-swatch),
html[data-theme="dark"] body[class*="page-cart-"] [style*="background:#ffffff"]:not(.gr-swatch),
html[data-theme="dark"] body[class*="page-cart-"] [style*="background: #ffffff"]:not(.gr-swatch),
html[data-theme="dark"] body[class*="page-user-"] [style*="background:#ffffff"]:not(.gr-swatch),
html[data-theme="dark"] body[class*="page-user-"] [style*="background: #ffffff"]:not(.gr-swatch),
html[data-theme="dark"] body[class*="page-account-"] [style*="background:#ffffff"]:not(.gr-swatch),
html[data-theme="dark"] body[class*="page-account-"] [style*="background: #ffffff"]:not(.gr-swatch) {
    background: #24382f !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-cart-index [style*="background: #ffffff"] h3,
html[data-theme="dark"] body.page-cart-index [style*="background: #ffffff"] p {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body[class*="page-home-"] [style*="color: #2f4a3e;"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] body[class*="page-cart-"] [style*="color: #2f4a3e;"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] body[class*="page-user-"] [style*="color: #2f4a3e;"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] body[class*="page-account-"] [style*="color: #2f4a3e;"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *) {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body[class*="page-home-"] [style*="background:#fafafa"] [style*="color: #8a8a8a"],
html[data-theme="dark"] body[class*="page-home-"] [style*="background: #fafafa"] [style*="color: #8a8a8a"],
html[data-theme="dark"] body[class*="page-home-"] [style*="background:#ffffff"] [style*="color: #8a8a8a"],
html[data-theme="dark"] body[class*="page-home-"] [style*="background: #ffffff"] [style*="color: #8a8a8a"],
html[data-theme="dark"] body[class*="page-cart-"] [style*="background:#fafafa"] [style*="color: #8a8a8a"],
html[data-theme="dark"] body[class*="page-cart-"] [style*="background: #fafafa"] [style*="color: #8a8a8a"],
html[data-theme="dark"] body[class*="page-cart-"] [style*="background:#ffffff"] [style*="color: #8a8a8a"],
html[data-theme="dark"] body[class*="page-cart-"] [style*="background: #ffffff"] [style*="color: #8a8a8a"],
html[data-theme="dark"] body[class*="page-user-"] [style*="background:#ffffff"] [style*="color: #8a8a8a"],
html[data-theme="dark"] body[class*="page-account-"] [style*="background:#fff"] [style*="color: #8a8a8a"] {
    color: #d5cbbd !important;
}

html[data-theme="dark"] body[class*="page-home-"] [style*="background: #fafafa"] [style*="color: #8a8a8a"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] body[class*="page-home-"] [style*="background: #ffffff"] [style*="color: #8a8a8a"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] body[class*="page-cart-"] [style*="background: #fafafa"] [style*="color: #8a8a8a"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] body[class*="page-cart-"] [style*="background: #ffffff"] [style*="color: #8a8a8a"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] body[class*="page-user-"] [style*="background: #ffffff"] [style*="color: #8a8a8a"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *),
html[data-theme="dark"] body[class*="page-account-"] [style*="background: #fff"] [style*="color: #8a8a8a"]:not(.gr-swatch):not([style*="background:var(--gr-gold)"]):not([style*="background:var(--gr-gold)"] *):not([style*="background: var(--gr-gold)"]):not([style*="background: var(--gr-gold)"] *) {
    color: #d5cbbd !important;
}

/* Color dots sit on the cream card, with a gold ring on the chosen one */
html[data-theme="dark"] .shop-variants,
html[data-theme="dark"] body.page-home-shop .shop-variants,
html[data-theme="dark"] body.page-home-details .shop-variants {
    background: #24382f !important;
    border-bottom-color: rgba(47, 74, 62, 0.08) !important;
}

html[data-theme="dark"] .shop-variant-swatch.is-current {
    border-color: #2f4a3e !important;
    box-shadow: 0 0 0 2px #24382f, 0 0 0 3.5px #c4a574 !important;
}

html[data-theme="dark"] body.page-home-shop .color-cell.active {
    background: #1c2e27 !important;
}

html[data-theme="dark"] body.page-home-shop .color-cell.active span {
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-home-about a[style*="405DE6"] {
    background: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C) !important;
    color: #f6f1e8 !important;
}

html[data-theme="dark"] body.page-home-shop .shop-banner,
html[data-theme="dark"] .shop-banner {
    background: #f6f1e8 !important;
    color: #1a2822 !important;
}
html[data-theme="dark"] body.page-home-shop .shop-banner-bloom::after,
html[data-theme="dark"] .shop-banner-bloom::after {
    background: linear-gradient(90deg, rgba(246,241,232,0) 55%, #f6f1e8 100%) !important;
}
html[data-theme="dark"] .shop-banner-en { color: #1a2822 !important; }
html[data-theme="dark"] .shop-banner-ar { color: #1a2822 !important; }

/* Admin and cashier: real dark surfaces, cream type, gold actions */
html[data-theme="dark"] body[class*="page-admin"],
html[data-theme="dark"] body.page-pos-index {
    background: #16241e !important;
    color: #f6f1e8 !important;
}
html[data-theme="dark"] body[class*="page-admin"] #sidebar {
    background: #1c2e27 !important;
    border-left-color: rgba(246,241,232,0.08) !important;
    color: #f6f1e8 !important;
}
html[data-theme="dark"] body[class*="page-admin"] #sidebar .sidebar-header {
    background: #14211c !important;
    border-bottom-color: #c4a574 !important;
}
html[data-theme="dark"] body[class*="page-admin"] #sidebar .sidebar-header h3 { color: #c4a574 !important; }
html[data-theme="dark"] body[class*="page-admin"] #sidebar .sidebar-header small { color: rgba(246,241,232,0.75) !important; }
html[data-theme="dark"] body[class*="page-admin"] #sidebar ul li a { color: #e7efe4 !important; }
html[data-theme="dark"] body[class*="page-admin"] #sidebar ul li a:hover,
html[data-theme="dark"] body[class*="page-admin"] #sidebar ul li.active > a {
    background: rgba(196,165,116,0.16) !important;
    color: #f6f1e8 !important;
}
html[data-theme="dark"] body[class*="page-admin"] .content-area,
html[data-theme="dark"] body[class*="page-admin"] .admin-navbar {
    background: #16241e !important;
    color: #f6f1e8 !important;
}
html[data-theme="dark"] body[class*="page-admin"] .content-area :is(
    .money-card, .stat, .stat-card, .status-box, .daily-panel, .toolbar, .order-card,
    .order-item, .role-card, .acc-table-wrap, .card, .panel, .empty, .empty-state,
    .search-wrap, .save-bar, .product-card, .table-responsive, .pill, .btn-soft,
    .tab-btn, .form-card, .field, .form-group, .audit-card, .audit-filters,
    .msg-card, .msg-body, .cat-card, .city-card, .visitor-card, .upload-box,
    .upload-zone, .modal-box, .popup-box, .order-tabs, .date-filter, .kpi-mini,
    .role-option, .category-choice, .add-card, .attr-row, .toggle-row, .alert-item
),
html[data-theme="dark"] body.page-pos-index :is(
    .topbar, .products-panel, .products-scroll, .cat-strip, .product-tile, .receipt-panel,
    .receipt-foot, .cart-row, .cust-tabs-bar, .cust-tab.active, .cust-tab-add, .modal-box,
    .numpad-box, .numpad-display, .numpad-btn, .extra-panel, .extra-chip, .cat-chip
) {
    background: #24382f !important;
    color: #f6f1e8 !important;
    border-color: rgba(246,241,232,0.14) !important;
}
html[data-theme="dark"] body[class*="page-admin"] .content-area :is(h1, h2, h3, h4, p, td, th, label, li),
html[data-theme="dark"] body.page-pos-index :is(
    .tile-name, .tile-price, .brand, .cart-row .name, .cart-row .line-total, .modal-title,
    .total-line .amt, .cust-tab, .mode-label
) {
    color: #f6f1e8 !important;
}
html[data-theme="dark"] body[class*="page-admin"] .content-area :is(
    .form-control, .form-select, .form-input, .form-textarea, input, select, textarea
),
html[data-theme="dark"] body.page-pos-index :is(input, select, textarea, .topbar .search input) {
    background: #1c2e27 !important;
    color: #f6f1e8 !important;
    border-color: rgba(246,241,232,0.18) !important;
}
html[data-theme="dark"] body[class*="page-admin"] :is(.btn-gold, .cashier-btn, .btn-primary, .btn-warning),
html[data-theme="dark"] body.page-pos-index :is(.btn-pay, .modal-btn.primary, .cat-chip.active) {
    background: #c4a574 !important;
    color: #1a2822 !important;
    border-color: #c4a574 !important;
}
html[data-theme="dark"] body[class*="page-admin"] :is(.btn-navy, .btn-submit),
html[data-theme="dark"] body.page-pos-index .receipt-head.retail {
    background: #14211c !important;
    color: #f6f1e8 !important;
}
html[data-theme="dark"] body[class*="page-admin"] [style*="background: #c4a574"],
html[data-theme="dark"] body[class*="page-admin"] [style*="background:#c4a574"],
html[data-theme="dark"] body.page-pos-index [style*="background: #c4a574"] {
    color: #1a2822 !important;
}
