/* XShopDigital v2.21.2 — final public dark compatibility layer.
   Loaded LAST. This intentionally overrides legacy light CSS, red-marketplace CSS,
   Page Builder defaults and common inline light backgrounds on customer-facing pages. */
:root{color-scheme:dark}
html{background:#0f141a!important}
body.public-site.xsd-dark-premium{--dc-bg:#201d1c;--dc-bg2:#262322;--dc-card:#2b2826;--dc-card2:#322e2d;--dc-card3:#393533;--dc-line:#4d4846;--dc-line2:#413d3b;--dc-text:#f5f7fa;--dc-muted:#a5afbc;--dc-red:#ef1515;--dc-green:#34d27b;background:linear-gradient(180deg,#201d1c 0%,#262322 48%,#11171d 100%)!important;color:var(--dc-text)!important;color-scheme:dark}
body.public-site.xsd-dark-premium main,body.public-site.xsd-dark-premium .page-shell,body.public-site.xsd-dark-premium .page-content,body.public-site.xsd-dark-premium .content-wrap{background:transparent!important;color:var(--dc-text)!important}

/* Known legacy white/pale surfaces from app.css and older theme layers */
.xsd-dark-premium .panel,.xsd-dark-premium .mock-panel,.xsd-dark-premium .rating-pill,.xsd-dark-premium .hero-search,.xsd-dark-premium .mock-section.soft,.xsd-dark-premium .mock-category-tile,.xsd-dark-premium .mock-product-card,.xsd-dark-premium .round-icon,.xsd-dark-premium .service-image-card,.xsd-dark-premium .mock-review-card,.xsd-dark-premium .mock-faq-list,.xsd-dark-premium .filter-tab,.xsd-dark-premium .brand-pill,.xsd-dark-premium .amount-pill,.xsd-dark-premium .how-grid,.xsd-dark-premium .how-step>span,.xsd-dark-premium .mock-service-card,.xsd-dark-premium .portfolio-card,.xsd-dark-premium .mock-price-card,.xsd-dark-premium .tech-pill,.xsd-dark-premium .tld-card,.xsd-dark-premium .info-panel,.xsd-dark-premium .hosting-benefits,.xsd-dark-premium .hosting-plan,.xsd-dark-premium .stats-strip,.xsd-dark-premium .form-card,.xsd-dark-premium .quick-contact-card,.xsd-dark-premium .detail-card,.xsd-dark-premium .support-topic,.xsd-dark-premium .cart-list,.xsd-dark-premium .checkout-form-card,.xsd-dark-premium .order-summary,.xsd-dark-premium .auth-shell,.xsd-dark-premium .auth-card,.xsd-dark-premium .review-form,.xsd-dark-premium .order-item-notes,.xsd-dark-premium .bundle-card,.xsd-dark-premium .pb-icon-box,.xsd-dark-premium .pb-info-box,.xsd-dark-premium .subscription-summary-card,.xsd-dark-premium .subscription-manage-card,.xsd-dark-premium .admin-lifecycle-stat,.xsd-dark-premium .whatsapp-chat-panel,.xsd-dark-premium .product-option-panel,.xsd-dark-premium .product-detail-workspace,.xsd-dark-premium .product-detail-card,.xsd-dark-premium .product-info-panel,.xsd-dark-premium .checkout-panel,.xsd-dark-premium .billing-card,.xsd-dark-premium .payment-card,.xsd-dark-premium .order-card,.xsd-dark-premium .account-card,.xsd-dark-premium .notice-card,.xsd-dark-premium .modal-content,.xsd-dark-premium .modal-panel,.xsd-dark-premium .dropdown-menu,.xsd-dark-premium .popover,.xsd-dark-premium .search-results,.xsd-dark-premium .empty-state{background:linear-gradient(180deg,var(--dc-card2),var(--dc-card))!important;border-color:var(--dc-line)!important;color:var(--dc-text)!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important}

/* Legacy nested cells and mini surfaces */
.xsd-dark-premium .order-admin-info-card,.xsd-dark-premium .order-admin-meta-list>div,.xsd-dark-premium .order-admin-product-facts>div,.xsd-dark-premium .order-admin-options>div,.xsd-dark-premium .subscription-detail-grid>div,.xsd-dark-premium .subscription-filter-tabs a,.xsd-dark-premium .subscription-renewal-history a,.xsd-dark-premium .subscription-mini-summary span,.xsd-dark-premium .admin-lifecycle-tabs a,.xsd-dark-premium .quick-add-menu,.xsd-dark-premium .dash-user-menu,.xsd-dark-premium .dash-notif-menu,.xsd-dark-premium .dash-notif-item,.xsd-dark-premium .product-quick-view,.xsd-dark-premium .wishlist-heart,.xsd-dark-premium .variation-status,.xsd-dark-premium .order-detail-item dl div,.xsd-dark-premium .qty-control button,.xsd-dark-premium .btn-outline-inline,.xsd-dark-premium .btn-remove-item,.xsd-dark-premium .billing-toggle button,.xsd-dark-premium .pb-carousel-prev,.xsd-dark-premium .pb-carousel-next{background:var(--dc-card)!important;border-color:var(--dc-line)!important;color:var(--dc-text)!important}
.xsd-dark-premium .subscription-filter-tabs a.active,.xsd-dark-premium .admin-lifecycle-tabs a.is-active,.xsd-dark-premium .billing-toggle button.active,.xsd-dark-premium .filter-tab.active,.xsd-dark-premium .amount-pill.active{background:var(--dc-red)!important;border-color:var(--dc-red)!important;color:#fff!important}

/* All native inputs, selectors and browser autofill */
.xsd-dark-premium input:not([type=checkbox]):not([type=radio]):not([type=range]),.xsd-dark-premium select,.xsd-dark-premium textarea,.xsd-dark-premium .field input,.xsd-dark-premium .field select,.xsd-dark-premium .field textarea,.xsd-dark-premium .admin-table select,.xsd-dark-premium .product-option-grid select,.xsd-dark-premium .product-option-grid input{background:#242120!important;background-color:#242120!important;color:#f5f7fa!important;border-color:#544f4c!important;box-shadow:none!important}
.xsd-dark-premium input:-webkit-autofill,.xsd-dark-premium input:-webkit-autofill:hover,.xsd-dark-premium input:-webkit-autofill:focus,.xsd-dark-premium textarea:-webkit-autofill,.xsd-dark-premium select:-webkit-autofill{-webkit-text-fill-color:#f5f7fa!important;-webkit-box-shadow:0 0 0 1000px #242120 inset!important;transition:background-color 9999s ease-out 0s!important}
.xsd-dark-premium input::placeholder,.xsd-dark-premium textarea::placeholder{color:#918b88!important}.xsd-dark-premium option{background:#262322!important;color:#fff!important}

/* Tables, rows and list items */
.xsd-dark-premium table,.xsd-dark-premium .admin-table,.xsd-dark-premium .data-table,.xsd-dark-premium .order-table{background:#272423!important;color:#edf2f7!important;border-color:var(--dc-line)!important}
.xsd-dark-premium th,.xsd-dark-premium .admin-table th{background:#34302f!important;color:#eef2f6!important;border-color:var(--dc-line)!important}.xsd-dark-premium td,.xsd-dark-premium .admin-table td{background:#2a2725!important;color:#d8dfe8!important;border-color:#46423f!important}.xsd-dark-premium tr:hover td{background:#322e2d!important}

/* Alerts and notices: dark tinted rather than white/pastel */
.xsd-dark-premium .subscription-alert,.xsd-dark-premium .notice,.xsd-dark-premium .alert,.xsd-dark-premium .info-notice,.xsd-dark-premium .checkout-notice,.xsd-dark-premium .order-notice{background:#302d2b!important;border-color:#55504e!important;color:#dfe5ec!important}
.xsd-dark-premium .subscription-alert.danger,.xsd-dark-premium .alert-danger,.xsd-dark-premium .order-admin-provision-error{background:#32191c!important;border-color:#6b292f!important;color:#ffb3b8!important}
.xsd-dark-premium .alert-success,.xsd-dark-premium .notice-success{background:#14281f!important;border-color:#285f43!important;color:#91e7b5!important}.xsd-dark-premium .alert-warning,.xsd-dark-premium .notice-warning{background:#302716!important;border-color:#665324!important;color:#ffd27b!important}

/* White logo/image helper tiles become neutral graphite. Images themselves are preserved. */
.xsd-dark-premium .product-mini-logo,.xsd-dark-premium .whatsapp-chat-logo,.xsd-dark-premium .whatsapp-avatar,.xsd-dark-premium .media-badge-overlay{background:#383432!important;border-color:#55504e!important;color:#fff!important}
.xsd-dark-premium .sale-tag{background:#8f1719!important;border-color:#c62b2e!important;color:#fff!important}
.xsd-dark-premium .whatsapp-chat-body{background:#151e1a!important}.xsd-dark-premium .whatsapp-chat-message{background:#222c27!important;color:#eaf4ee!important;box-shadow:none!important}

/* Page Builder: force its default white canvas components into theme surfaces. */
.xsd-dark-premium [class^="pb-"],.xsd-dark-premium [class*=" pb-"]{border-color:var(--dc-line)!important}
.xsd-dark-premium .pb-section,.xsd-dark-premium .pb-container,.xsd-dark-premium .pb-column,.xsd-dark-premium .pb-content,.xsd-dark-premium .pb-text,.xsd-dark-premium .pb-spacer{color:inherit}
.xsd-dark-premium .pb-icon-box,.xsd-dark-premium .pb-info-box,.xsd-dark-premium .pb-card,.xsd-dark-premium .pb-accordion-item,.xsd-dark-premium .pb-tabs,.xsd-dark-premium .pb-table-wrap{background:var(--dc-card)!important;color:var(--dc-text)!important}

/* Inline legacy styles are a major source of surviving white blocks. */
.xsd-dark-premium [style*="background:#fff"],.xsd-dark-premium [style*="background: #fff"],.xsd-dark-premium [style*="background:#FFF"],.xsd-dark-premium [style*="background: white"],.xsd-dark-premium [style*="background:white"],.xsd-dark-premium [style*="background-color:#fff"],.xsd-dark-premium [style*="background-color: #fff"],.xsd-dark-premium [style*="background-color:white"],.xsd-dark-premium [style*="background-color: white"]{background:var(--dc-card)!important;background-color:var(--dc-card)!important;color:var(--dc-text)!important;border-color:var(--dc-line)!important}
.xsd-dark-premium [style*="background:#f8"],.xsd-dark-premium [style*="background: #f8"],.xsd-dark-premium [style*="background:#f9"],.xsd-dark-premium [style*="background: #f9"],.xsd-dark-premium [style*="background:#fa"],.xsd-dark-premium [style*="background: #fa"],.xsd-dark-premium [style*="background:#fb"],.xsd-dark-premium [style*="background: #fb"],.xsd-dark-premium [style*="background:#fc"],.xsd-dark-premium [style*="background: #fc"],.xsd-dark-premium [style*="background:#fd"],.xsd-dark-premium [style*="background: #fd"],.xsd-dark-premium [style*="background:#fe"],.xsd-dark-premium [style*="background: #fe"]{background:var(--dc-card)!important;background-color:var(--dc-card)!important;color:var(--dc-text)!important;border-color:var(--dc-line)!important}

/* Text originally authored for white backgrounds */
.xsd-dark-premium .order-admin-card-title h3,.xsd-dark-premium .order-admin-customer-name,.xsd-dark-premium .order-admin-contact-list strong,.xsd-dark-premium .order-admin-meta-list dd,.xsd-dark-premium .order-admin-product-facts b,.xsd-dark-premium .subscription-manage-card h3,.xsd-dark-premium .subscription-summary-card strong,.xsd-dark-premium .admin-lifecycle-stat,.xsd-dark-premium .admin-lifecycle-stat strong{color:var(--dc-text)!important}
.xsd-dark-premium .order-admin-card-title small,.xsd-dark-premium .order-admin-contact-list span,.xsd-dark-premium .order-admin-meta-list dt,.xsd-dark-premium .order-admin-product-facts span,.xsd-dark-premium .order-admin-helper,.xsd-dark-premium .subscription-manage-card small{color:var(--dc-muted)!important}

/* Mobile overlays */
.xsd-dark-premium .mobile-drawer,.xsd-dark-premium .mobile-bottom-nav,.xsd-dark-premium .mobile-sheet,.xsd-dark-premium .mobile-filter-sheet,.xsd-dark-premium .mobile-modal{background:#201d1c!important;border-color:var(--dc-line)!important;color:#f5f7fa!important}

@media(max-width:720px){body.public-site.xsd-dark-premium{background:#201d1c!important}.xsd-dark-premium .panel,.xsd-dark-premium .mock-panel,.xsd-dark-premium .form-card,.xsd-dark-premium .detail-card,.xsd-dark-premium .subscription-manage-card{border-radius:12px!important}}

/* v2.21.3 video-audit fixes: page headers, FAQ rows, legacy headings, checkout steps. */
.xsd-dark-premium .page-header-small{
  background:linear-gradient(180deg,#262322 0%,#211e1d 100%)!important;
  border-bottom-color:var(--dc-line)!important;
  color:var(--dc-text)!important;
}
.xsd-dark-premium .page-header-small h1,
.xsd-dark-premium .page-header-small h2,
.xsd-dark-premium .page-header-small h3{color:var(--dc-text)!important}
.xsd-dark-premium .page-header-small p{color:var(--dc-muted)!important}

/* FAQ rows were still inheriting the v2.20 red-marketplace white card rule. */
.xsd-dark-premium .mock-faq,
.xsd-dark-premium .faq-item,
.xsd-dark-premium details.faq-item{
  background:var(--dc-card)!important;
  border-color:var(--dc-line)!important;
  color:var(--dc-text)!important;
}
.xsd-dark-premium .mock-faq button,
.xsd-dark-premium .mock-faq .faq-question,
.xsd-dark-premium .faq-item button,
.xsd-dark-premium .faq-item summary{
  background:transparent!important;
  color:var(--dc-text)!important;
  border-color:var(--dc-line)!important;
}
.xsd-dark-premium .mock-faq .faq-answer,
.xsd-dark-premium .faq-item .faq-answer,
.xsd-dark-premium details.faq-item>*:not(summary){
  background:transparent!important;
  color:var(--dc-muted)!important;
}

/* Some legacy section headings were authored with dark ink for white sections. */
.xsd-dark-premium main h1,
.xsd-dark-premium main h2,
.xsd-dark-premium main h3,
.xsd-dark-premium main h4,
.xsd-dark-premium main h5,
.xsd-dark-premium main h6,
.xsd-dark-premium .section-heading h2,
.xsd-dark-premium .section-heading h3,
.xsd-dark-premium .mock-section h2,
.xsd-dark-premium .mock-section h3,
.xsd-dark-premium .checkout-form-card h2,
.xsd-dark-premium .checkout-form-card h3,
.xsd-dark-premium .cart-list h2,
.xsd-dark-premium .order-summary h2{color:var(--dc-text)!important}
.xsd-dark-premium .section-heading p,
.xsd-dark-premium .mock-section>.container>p,
.xsd-dark-premium .checkout-form-card>p{color:var(--dc-muted)!important}

/* Checkout stepper: inactive circles/lines were still near-white. */
.xsd-dark-premium .checkout-step span{background:#393533!important;color:#b9c3cf!important;border:1px solid #544f4c!important}
.xsd-dark-premium .checkout-step-line{background:#544f4c!important}
.xsd-dark-premium .checkout-step.done span{background:#177f4d!important;color:#fff!important;border-color:#24955f!important}
.xsd-dark-premium .checkout-step.done b{color:#55d996!important}
.xsd-dark-premium .checkout-step.active span{background:var(--dc-red)!important;color:#fff!important;border-color:#ff3434!important;box-shadow:0 6px 18px rgba(239,21,21,.22)!important}
.xsd-dark-premium .checkout-step.active b{color:#ff6464!important}
.xsd-dark-premium .checkout-step b{color:#9da9b6!important}

/* Remaining legacy white media/helper boxes seen in the walkthrough. */
.xsd-dark-premium .mock-product-media,
.xsd-dark-premium .cart-thumb,
.xsd-dark-premium .product-gallery-main,
.xsd-dark-premium .product-media-display,
.xsd-dark-premium .category-icon-custom{
  background:#262322!important;
  border-color:var(--dc-line)!important;
}

/* Dark page chrome must never expose a white root/body strip. */
html,body.public-site.xsd-dark-premium,
body.public-site.xsd-dark-premium main,
body.public-site.xsd-dark-premium main>section,
body.public-site.xsd-dark-premium .page-header-small+section{
  background-color:#201d1c!important;
}

/* Legacy headings/labels that used fixed dark colors. */
.xsd-dark-premium .mock-section [style*="color:#1"],
.xsd-dark-premium .mock-section [style*="color: #1"],
.xsd-dark-premium .mock-section [style*="color:#2"],
.xsd-dark-premium .mock-section [style*="color: #2"]{color:var(--dc-text)!important}

/* Header dark-logo compatibility. When the configured header logo is a dark mark,
   the markup adds this fallback class and we invert only that fallback image. */
.xsd-dark-premium .site-logo-header-img.is-on-dark-fallback{filter:brightness(0) invert(1);opacity:.96}

/* v2.23.9 final storefront media/WhatsApp overrides */
.xsd-dark-premium .mock-product-media img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important;transform:none}
.xsd-dark-premium .mock-product-card:hover .mock-product-media img{transform:scale(1.02)!important}
.xsd-dark-premium .cart-thumb img,.xsd-dark-premium .product-mini-logo img{object-fit:contain!important}
.xsd-dark-premium .whatsapp-chat-logo{background:transparent!important;border:0!important;color:#fff!important}
.xsd-dark-premium .whatsapp-avatar{background:rgba(0,0,0,.18)!important;border:0!important;color:#fff!important}
.xsd-dark-premium .whatsapp-chat-head b{color:#fff!important}.xsd-dark-premium .whatsapp-chat-head small{color:rgba(255,255,255,.82)!important}
.xsd-dark-premium .whatsapp-chat-message{color:#eaf7ef!important}
.xsd-dark-premium .whatsapp-chat-action{color:#fff!important}


/* v2.26.1 product image cleanup overrides */
.xsd-dark-premium .mock-product-media,.xsd-dark-premium .product-media-display,.xsd-dark-premium .category-icon-custom{background:transparent!important;border-color:transparent!important;}
.xsd-dark-premium .product-detail-media{background:transparent!important;box-shadow:none!important;border-color:transparent!important;}
.xsd-dark-premium .mock-product-media img{padding:0!important;}