/* Client presentation only. Loaded by views/client/header.php. */
html.sc7-client-dark {
    color-scheme: dark;
    --sc7-page: #0f1729;
    --sc7-header: #0d172b;
    --sc7-surface: #1e293b;
    --sc7-panel: #142139;
    --sc7-input: #101c31;
    --sc7-line: #334155;
    --sc7-text: #cbd5e1;
    --sc7-muted: #a4b3ca;
    --sc7-heading: #edf2fa;
    --sc7-link: #65adff;
    --body: var(--sc7-page);
    --text: var(--sc7-text);
    --heading: var(--sc7-heading);
    --sub-heading: var(--sc7-text);
    --gray: var(--sc7-muted);
    --chalk: #16243a;
    --border: var(--sc7-line);
    --gray-chalk: #475569;
    --bs-body-bg: var(--sc7-page);
    --bs-body-color: var(--sc7-text);
    --bs-border-color: var(--sc7-line);
    --bs-secondary-color: var(--sc7-muted);
    background: var(--sc7-page);
}
/* Keep --white and the saved primary colors intact: buttons, badges and status
   indicators still use their existing colors and readable white labels. */
.sc7-client-dark body { background: var(--sc7-page); color: var(--sc7-text); }
.sc7-client-dark .header-top,
.sc7-client-dark .navbar-part { background: var(--sc7-surface); box-shadow: inset 0 -1px var(--sc7-line); }
.sc7-client-dark .header-part,
.sc7-client-dark .header-part.active { background: var(--sc7-header); }
.sc7-client-dark .header-part.active { box-shadow: 0 5px 18px #0005; }
.sc7-client-dark .header-top-welcome p,
.sc7-client-dark .header-top-list a,
.sc7-client-dark .header-select i { color: #d6e2f3; }
.sc7-client-dark .navbar-link,
.sc7-client-dark .navbar-focus-list a,
.sc7-client-dark .navbar-info i,
.sc7-client-dark .navbar-info p span { color: var(--sc7-link); }
.sc7-client-dark .navbar-link:hover,
.sc7-client-dark .navbar-focus-list a:hover { color: #c5e3ff; }
.sc7-client-dark .navbar-content { border-color: var(--sc7-line); }
.sc7-client-dark .header-form,
.sc7-client-dark .header-form:focus-within,
.sc7-client-dark .header-part.active .header-form { background: var(--sc7-surface); border-color: var(--sc7-line); }
.sc7-client-dark .header-form:focus-within { border-color: #60a5fa; }
.sc7-client-dark .header-form input { color: #edf2fa; }
.sc7-client-dark .header-form input::placeholder { color: #a4b3ca; }
.sc7-client-dark .header-form button i,
.sc7-client-dark .header-media-group button i { color: #a9c8ec; }
.sc7-client-dark .header-widget i { background: #1c2b41; color: #c7d8ee; }
.sc7-client-dark .header-widget:hover i { background: #214878; color: #fff; }
.sc7-client-dark .header-widget sup { border-color: var(--sc7-header); }
.sc7-client-dark .header-widget span,
.sc7-client-dark .header-widget p { color: #dce9fb; }
.sc7-client-dark .header-widget p[style*="color:blue"] { color: #60a5fa !important; }

.sc7-client-dark :is(.dropdown-position-list,.dropdown-menu,.megamenu,.nav-sidebar,.cart-sidebar,.category-sidebar) {
    background: var(--sc7-surface); border-color: var(--sc7-line); color: var(--sc7-text);
}
.sc7-client-dark .dropdown-position-list::before { background: var(--sc7-surface); border-color: var(--sc7-line); }
.sc7-client-dark :is(.dropdown-list,.dropdown-position-list,.dropdown-menu,.megamenu-list) a { background: transparent; color: #c9dbf3; }
.sc7-client-dark :is(.dropdown-list,.dropdown-position-list,.dropdown-menu,.megamenu-list) a:hover { background: #273b58; color: #b4dcff; }
.sc7-client-dark :is(.nav-close,.cart-close,.category-close) i { background: #233654; color: #dce9fb; }
.sc7-client-dark :is(.nav-header,.cart-header,.category-header) { border-color: var(--sc7-line); }
.sc7-client-dark :is(.nav-link,.category-link) { color: #cbdcf4; }
.sc7-client-dark :is(.nav-link,.category-link):hover { background: #273b58; color: #82c7ff; }
.sc7-client-dark .mobile-menu { background: var(--sc7-surface); box-shadow: 0 -3px 14px #0005; }
.sc7-client-dark .mobile-menu :is(a,button) { color: #b8cce8; }
.sc7-client-dark .mobile-menu :is(a,button):hover,
.sc7-client-dark .mobile-menu .mobile-menu-active { color: #82c7ff; background: #233654; }
.sc7-client-dark .nice-select { background: var(--sc7-input); border-color: var(--sc7-line); color: #e2ecfa; }
.sc7-client-dark .nice-select .list { background: var(--sc7-surface); border-color: var(--sc7-line); color: #e2ecfa; }
.sc7-client-dark .nice-select .option:hover,
.sc7-client-dark .nice-select .option.focus,
.sc7-client-dark .nice-select .option.selected.focus { background: #273b58; }
.sc7-client-dark .header-select .nice-select { background: transparent; }
.sc7-client-dark .header-select select { color: #d6e2f3; background: var(--sc7-surface); }

.sc7-client-dark .footer-part { background: var(--sc7-header); box-shadow: inset 0 1px var(--sc7-line); }
.sc7-client-dark .footer-title { color: #edf2fa; }
.sc7-client-dark :is(.footer-desc,.footer-contact,.footer-copytext) { color: #adbed5; }
.sc7-client-dark :is(.footer-links a,.footer-contact a,.footer-contact i,.footer-copytext a) { color: #83baff; }
.sc7-client-dark .footer-links a:hover { color: #c5e3ff; }
.sc7-client-dark .footer-bottom { background: var(--sc7-header); border-color: var(--sc7-line); }
.sc7-client-dark .footer-social a { background: #233654; color: #8cc7ff; }

.sc7-client-dark :is(.account-card,.user-form-card,.user-form-remind,.sidebar_profile,.contact-card,.blog-card,.blog-widget,.shop-filter,.shop-widget,.product-card,.feature-card,.product-standard,.product-view,.offer-div,.box-intro,.product-box4,.card-hot-deal,.card-price-product-list,.modal-form,.modal-content,.lb-modal,.lb-row) {
    background-color: var(--sc7-surface); border-color: var(--sc7-line); color: var(--sc7-text);
}
.sc7-client-dark .modal-content { background-color: var(--sc7-surface) !important; }
.sc7-client-dark .swal2-popup { background: var(--sc7-surface); color: var(--sc7-text); }
.sc7-client-dark :is(.swal2-title,.swal2-html-container,.swal2-content,.swal2-close) { color: var(--sc7-heading); }
.sc7-client-dark :is(.swal2-input,.swal2-textarea,.swal2-select) { background: var(--sc7-input); border-color: #415675; color: #e4edf9; }
.sc7-client-dark :is(.product-head-box4,.lb-header,.lb-tab,.user-form-divider p,.nav-tabs,.shop-widget-title) {
    background: var(--sc7-panel); border-color: var(--sc7-line); color: var(--sc7-heading);
}
.sc7-client-dark :is(.wallet-card,.lb-tabs-wrap,.lb-body,.product-add,.feature-add,.product-action) { background-color: #16243a; border-color: var(--sc7-line); }
.sc7-client-dark .wallet-card:hover { background-color: #214878; }
.sc7-client-dark .my-wallet h3 { color: #60a5fa; }
.sc7-client-dark .account-card :is(.account-title,.account-title h4) { color: var(--sc7-heading); }
.sc7-client-dark .account-card .account-content a:not(.btn) { color: var(--sc7-link); }
.sc7-client-dark :is(.user-form-title h2,.form-button p a,.user-form-remind a) { color: #75b8ff; }
.sc7-client-dark :is(.form-control,.form-select,.wallet-form input,.pv-coupon-input) {
    background-color: var(--sc7-input); border-color: #415675; color: #e4edf9;
}
.sc7-client-dark :is(.form-control,.form-select,.wallet-form input):focus { background-color: #14233c; color: #edf2fa; border-color: #60a5fa; }
.sc7-client-dark .form-control:disabled,
.sc7-client-dark .form-control[readonly] { background-color: #233149; color: #b9c9df; }
.sc7-client-dark :is(input,textarea)::placeholder { color: #96aac7; opacity: 1; }
.sc7-client-dark .form-label { color: #d9e5f6; }
.sc7-client-dark .form-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23bdcde4' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); }
.sc7-client-dark :is(.btn-light,.btn-outline,.btn-see-more,.btn-more-new,.btn-more,.page-link,.modal-close) {
    background-color: #233654; border-color: #415675; color: #dbeafe;
}
.sc7-client-dark .page-link:hover { background: #2b456a; color: #fff; }
.sc7-client-dark .page-item.active .page-link { background: #2f73f3; border-color: #2f73f3; color: #fff; }
.sc7-client-dark .page-item.disabled .page-link { background: #16243a; border-color: var(--sc7-line); color: #7288a7; }
.sc7-client-dark .bg-white,
.sc7-client-dark .bg-light { background-color: var(--sc7-surface) !important; }
.sc7-client-dark .text-muted { color: var(--sc7-muted) !important; }
.sc7-client-dark .bg-light.text-dark,
.sc7-client-dark .bg-white.text-dark { color: var(--sc7-heading) !important; }

.sc7-client-dark .table { --bs-table-bg: transparent; --bs-table-color: var(--sc7-text); --bs-table-border-color: var(--sc7-line); --bs-table-striped-bg: #18273d; --bs-table-striped-color: var(--sc7-text); --bs-table-hover-bg: #243953; --bs-table-hover-color: var(--sc7-heading); color: var(--sc7-text); border-color: var(--sc7-line); }
.sc7-client-dark .table :is(th,td) { border-color: var(--sc7-line); }
.sc7-client-dark .table :is(thead,tfoot) { background: var(--sc7-panel); color: var(--sc7-heading); }
.sc7-client-dark .table thead th { color: #c2d9f8; }
.sc7-client-dark .table-striped tbody tr:nth-of-type(odd) { background-color: #18273d; }
.sc7-client-dark .table-product-list tr { background-color: var(--sc7-surface); }
.sc7-client-dark .table-product-list tbody tr { border-bottom-color: var(--sc7-page); }
.sc7-client-dark .alert-info { background-color: #142d50; color: #b9deff; border-color: #315b86; }
.sc7-client-dark .alert-info p,
.sc7-client-dark .alert-info a { color: #b9deff; }
.sc7-client-dark .alert-success { background-color: #113c34; color: #a7f3d0; border-color: #236655; }
.sc7-client-dark .alert-warning { background-color: #3c301b; color: #fde68a; border-color: #806525; }
.sc7-client-dark .alert-danger { background-color: #431e32; color: #fecdd3; border-color: #80364e; }

/* Recharge views have their own light surfaces. Only their colors change;
   QR images, account details, amounts and payment controls stay intact. */
.sc7-client-dark :is(.bank-card,.bank-qr-wrap,.bank-card-footer,.tinpay-deposit-box,.tinpay-side-card,.crypto-form-inner) {
    background: var(--sc7-surface); color: var(--sc7-text);
}
.sc7-client-dark :is(.bank-info-row,.bank-card-footer) { border-color: var(--sc7-line); }
.sc7-client-dark .bank-info-row .info-label,
.sc7-client-dark .bank-info-row .info-label i,
.sc7-client-dark .bank-card-footer small { color: var(--sc7-muted); }
.sc7-client-dark .bank-info-row .info-value { color: #edf2fa !important; }
.sc7-client-dark .bank-info-row .info-value[style*="color:#059669"] { color: #6ee7b7 !important; }
.sc7-client-dark .bank-info-row .info-value .copy-btn {
    background: #233654; border-color: #415675; color: #c2d9f8;
}
.sc7-client-dark .bank-info-row .info-value .copy-btn:hover { background: #2b456a; color: #fff; }
.sc7-client-dark .transfer-content-box { background: #431e32; }
.sc7-client-dark .transfer-content-box :is(.tc-label,.tc-value) { color: #fecdd3; }
.sc7-client-dark .transfer-content-box .tc-value .copy-btn { background: #5a2941; color: #fecdd3; }
.sc7-client-dark .account-card > div[style*="color:#374151"] { color: var(--sc7-text) !important; }
.sc7-client-dark .account-card .table tr[style*="background:#f0fdf4"] { background: #113c34 !important; }
.sc7-client-dark .account-card .table [style*="color:#065f46"] { color: #a7f3d0 !important; }
.sc7-client-dark .account-card .table [style*="color:#1e3a5f"] { color: #c2d9f8 !important; }
.sc7-client-dark .table :is([style*="color:blue"],[style*="color: blue"]) { color: #83baff !important; }
.sc7-client-dark .table :is([style*="color:green"],[style*="color: green"]) { color: #6ee7b7 !important; }
.sc7-client-dark .table :is([style*="color:red"],[style*="color: red"]) { color: #fca5a5 !important; }
.sc7-client-dark .tinpay-network-box { background: var(--sc7-input); border-color: #415675; color: var(--sc7-muted); }
.sc7-client-dark .tinpay-network-box strong { color: #d9e5f6; }
.sc7-client-dark .tinpay-network-option input:checked + .tinpay-network-box { background: #113c34; color: #a7f3d0; }
.sc7-client-dark .tinpay-info-box { background: #113c34; border-color: #236655; color: #a7f3d0; }
.sc7-client-dark .tinpay-info-box strong { color: #fca5a5; }
.sc7-client-dark .tinpay-filter-btn { background: #233654; color: #dbeafe; }
.sc7-client-dark .crypto-input-label,
.sc7-client-dark .crypto-logo-box h4 { color: var(--sc7-heading) !important; }
.sc7-client-dark .crypto-input-field { background: var(--sc7-input); border-color: #415675; color: #e4edf9; }
.sc7-client-dark .crypto-input-field:focus { background: #14233c; border-color: #60a5fa; color: #edf2fa; }
.sc7-client-dark .crypto-input-field:disabled,
.sc7-client-dark .crypto-input-field[readonly] { background: #233149; color: #fca5a5; }
.sc7-client-dark .crypto-received-box { background: #3c301b; border-color: #806525; }
.sc7-client-dark .crypto-received-label { color: #fde68a; }
.sc7-client-dark .crypto-received-amount { background: #243047; color: #fca5a5; }
.sc7-client-dark .crypto-info-box { background: #142d50; }
.sc7-client-dark .crypto-info-text { color: #b9deff; }

.sc7-client-dark :is(.skeleton-card,.skeleton-product) { background-color: var(--sc7-surface); border-color: var(--sc7-line); }
.sc7-client-dark :is(.skeleton-image,.skeleton-title,.skeleton-text,.skeleton-stock,.skeleton-sales,.skeleton-price,.skeleton-button,.skeleton-menu-item,.skeleton-menu-title,.skeleton-category-btn) {
    background-image: linear-gradient(90deg,#1e293b 25%,#31425e 50%,#1e293b 75%);
}
.sc7-client-dark .loading-text { color: #afc4e2; }

/* Existing preview styles use !important; color-only overrides keep its
   layout, selections, prices, forms and purchase handlers intact. */
.sc7-client-dark #openModal .modal-dialog.modal-xl .modal-content,
.sc7-client-dark :is(.pv-container,.pv-uid-list) { background: var(--sc7-surface) !important; }
.sc7-client-dark .pv-payment { background: var(--sc7-panel) !important; border-color: var(--sc7-line) !important; }
.sc7-client-dark :is(.pv-title,.pv-payment-title,.pv-uid-list tbody td) { color: var(--sc7-heading) !important; }
.sc7-client-dark :is(.pv-toolbar label,.pv-payment-row .pv-label) { color: #b8cbe7 !important; }
.sc7-client-dark .pv-payment-row .pv-value { color: #edf2fa !important; }
.sc7-client-dark .pv-uid-list thead th { background: #162e50 !important; color: #b8d9ff !important; border-color: #334a6b !important; }
.sc7-client-dark :is(.pv-header,.pv-payment-title,.pv-uid-list,.pv-uid-list tbody tr,.pv-divider,.pv-divider-bold) { border-color: var(--sc7-line) !important; }
.sc7-client-dark .pv-uid-list tbody tr:hover { background: #243953 !important; }
.sc7-client-dark .pv-uid-list tbody tr.pv-selected { background: #194879 !important; }
.sc7-client-dark :is(.pv-pagination button,.pv-close,.pv-coupon-input) { background: #233654 !important; border-color: #415675 !important; color: #dbeafe !important; }
.sc7-client-dark .pv-pagination button.pv-page-active { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; }
.sc7-client-dark .pv-close:hover { background: #b91c1c !important; color: #fff !important; }
.sc7-client-dark .backtop { background: #244b7c; color: #fff; }
.sc7-client-dark :is(button,a,input,select,textarea):focus-visible { outline: 2px solid #93c5fd; outline-offset: 2px; }