/* ════════════════════════════════════════════════════════════════
   DARK MODE — Complete Override System
   يُضاف هذا الملف بعد luxe.css مباشرة في layout/app.blade.php
   ════════════════════════════════════════════════════════════════ */

/* ══ المتغيرات الأساسية — تُعرَّف على html مباشرة ══ */
:root,
html[data-theme="light"],
html[data-theme="light"] .luxe {
  --bg-page:              #FFFFFF;
  --bg-body:              #FFFFFF;
  --bg-card:              #FFFFFF;
  --bg-soft:              #FFFFFF;
  --border:               #EBE4F2;
  --border-strong:        #D4CBE0;
  --text-h:               #1F1A28;
  --text-b:               #4A3F58;
  --text-m:               #8A7E9F;
  --brand-primary:        #5D4A7E;
  --brand-primary-soft:   #8E72B0;
  --brand-primary-dark:   #3D2F5C;
  --brand-primary-mist:   #F4EFFA;
  --brand-gold:           #30D8A3;
  --brand-gold-light:     #A0F0DC;
  --success:              #2D7A4F;
  --warning:              #30D8A3;
  --danger:               #B33A3A;
  --shadow-xs:            0 1px 2px rgba(31,26,40,0.04);
  --shadow-sm:            0 2px 8px rgba(31,26,40,0.06);
  --shadow-md:            0 6px 20px rgba(31,26,40,0.08);
  --shadow-lg:            0 16px 40px rgba(31,26,40,0.12);
}

/* ══ DARK MODE — كامل ══ */
html[data-theme="dark"],
html[data-theme="dark"] .luxe {
  --bg-page:              #0f0d14;
  --bg-body:              #0f0d14;
  --bg-card:              #1a1626;
  --bg-soft:              #221e2f;
  --border:               #2d2740;
  --border-strong:        #3d3558;
  --text-h:               #f0ecfa;
  --text-b:               #c5bedd;
  --text-m:               #8a7faa;
  --brand-primary:        #9b7fd4;
  --brand-primary-soft:   #b8a0e0;
  --brand-primary-dark:   #6b4f9e;
  --brand-primary-mist:   rgba(93,74,126,.18);
  --brand-gold:           #30D8A3;
  --brand-gold-light:     #A0F0DC;
  --success:              #3da066;
  --warning:              #30D8A3;
  --danger:               #d95555;
  --shadow-xs:            0 1px 2px rgba(0,0,0,.3);
  --shadow-sm:            0 2px 8px rgba(0,0,0,.35);
  --shadow-md:            0 6px 20px rgba(0,0,0,.4);
  --shadow-lg:            0 16px 40px rgba(0,0,0,.5);
}

/* ══ Body & Page background ══ */
html[data-theme="dark"] body,
html[data-theme="dark"] .luxe {
  background: var(--bg-page);
  color: var(--text-b);
}

/* ════════════════════════════════
   HEADER DESKTOP
   ════════════════════════════════ */
html[data-theme="dark"] #lxhdRoot,
html[data-theme="dark"] .lxhd-main,
html[data-theme="dark"] .lxhd-nav,
html[data-theme="dark"] .lxhd-inner {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .lxhd-topstrip {
  background: #1a1626;
}

html[data-theme="dark"] .lxhd-search {
  background: var(--bg-soft);
  border-color: var(--border);
}

html[data-theme="dark"] .lxhd-search input {
  color: var(--text-h);
}

html[data-theme="dark"] .lxhd-icon {
  color: var(--text-b);
}

html[data-theme="dark"] .lxhd-icon:hover {
  background: var(--bg-soft);
  color: var(--brand-primary);
}

html[data-theme="dark"] .lxhd-nav-link {
  color: var(--text-b);
}

html[data-theme="dark"] .lxhd-nav-link:hover,
html[data-theme="dark"] .lxhd-nav-link.active {
  color: var(--brand-primary);
}

html[data-theme="dark"] .lxhd-mega {
  background: var(--bg-card);
  border-color: var(--border);
  box-shadow: 0 16px 48px rgba(0,0,0,.5);
}

html[data-theme="dark"] .lxhd-mega-search {
  background: var(--bg-soft);
  border-color: var(--border);
}

html[data-theme="dark"] .lxhd-mega-search input {
  color: var(--text-h);
}

html[data-theme="dark"] .lxhd-cat-item {
  color: var(--text-b);
}

html[data-theme="dark"] .lxhd-cat-ico {
  background: var(--bg-soft);
  border-color: var(--border);
}

html[data-theme="dark"] .lxhd-cats-compact-btn {
  background: var(--bg-soft);
  border-color: var(--border);
  color: var(--text-b);
}

html[data-theme="dark"] .lxhd-compact-link {
  color: var(--text-b);
}

html[data-theme="dark"] .lxhd-compact-link:hover {
  background: var(--bg-soft);
  color: var(--brand-primary);
}

/* ════════════════════════════════
   HEADER MOBILE
   ════════════════════════════════ */
html[data-theme="dark"] .m-header {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .m-header .icon-square {
  background: var(--bg-soft);
  border-color: var(--border);
  color: var(--text-h);
}

html[data-theme="dark"] .m-header .search-box {
  background: var(--bg-soft);
  border-color: var(--border);
}

html[data-theme="dark"] .search-box input {
  color: var(--text-h);
}

html[data-theme="dark"] .search-box input::placeholder {
  color: var(--text-m);
}

/* ════════════════════════════════
   MOBILE SIDEBAR
   ════════════════════════════════ */
html[data-theme="dark"] #m-sidebar {
  background: var(--bg-card);
}

html[data-theme="dark"] .msb-link {
  color: var(--text-h);
  border-color: var(--border);
}

html[data-theme="dark"] .msb-link:hover {
  background: var(--bg-soft);
  color: var(--brand-primary);
}

html[data-theme="dark"] .msb-theme-row {
  border-color: var(--border);
}

html[data-theme="dark"] .msb-theme-label {
  color: var(--text-h);
}

html[data-theme="dark"] .msb-logout {
  border-color: var(--border);
}

html[data-theme="dark"] .msb-socials {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .msb-socials a {
  background: var(--bg-soft);
  border-color: var(--border);
  color: var(--text-h);
}

/* ════════════════════════════════
   BOTTOM NAV (MOBILE)
   ════════════════════════════════ */
html[data-theme="dark"] .m-bottom-nav,
html[data-theme="dark"] .luxe .m-bottom-nav {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .m-bottom-nav a {
  color: var(--text-m);
}

html[data-theme="dark"] .m-bottom-nav a.active {
  color: var(--brand-primary);
}

/* ════════════════════════════════
   AUTOCOMPLETE DROPDOWN
   ════════════════════════════════ */
html[data-theme="dark"] .lx-ac-dropdown {
  background: var(--bg-card);
  border-color: var(--border);
  box-shadow: 0 12px 40px rgba(0,0,0,.5);
}

html[data-theme="dark"] .lx-ac-sugg {
  color: var(--text-h);
}

html[data-theme="dark"] .lx-ac-sugg:hover,
html[data-theme="dark"] .lx-ac-sugg.lx-hi {
  background: var(--bg-soft);
}

html[data-theme="dark"] .lx-ac-sugg-ico {
  background: var(--bg-soft);
  border-color: var(--border);
}

html[data-theme="dark"] .lx-ac-prod {
  color: var(--text-h);
}

html[data-theme="dark"] .lx-ac-prod:hover,
html[data-theme="dark"] .lx-ac-prod.lx-hi {
  background: var(--bg-soft);
}

html[data-theme="dark"] .lx-ac-prod-img {
  border-color: var(--border);
  background: var(--bg-soft);
}

html[data-theme="dark"] .lx-ac-prod-name {
  color: var(--text-h);
}

html[data-theme="dark"] .lx-ac-prod-brand {
  color: var(--text-m);
}

html[data-theme="dark"] .lx-ac-footer {
  border-color: var(--border);
}

html[data-theme="dark"] .lx-ac-divider {
  background: var(--border);
}

html[data-theme="dark"] .lx-ac-skel-img,
html[data-theme="dark"] .lx-ac-skel-ln,
html[data-theme="dark"] .lxhd-skel-ico,
html[data-theme="dark"] .lxhd-skel-ln {
  background: var(--border);
}

/* ════════════════════════════════
   HERO SECTION
   ════════════════════════════════ */
html[data-theme="dark"] .lxh-trust {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .lxh-trust-item {
  border-color: var(--border);
}

html[data-theme="dark"] .lxh-trust-item:hover {
  background: var(--bg-soft);
}

html[data-theme="dark"] .lxh-trust-title {
  color: var(--text-h);
}

html[data-theme="dark"] .lxh-trust-sub {
  color: var(--text-m);
}

/* ════════════════════════════════
   CATEGORIES
   ════════════════════════════════ */
html[data-theme="dark"] .lxh-cat-card,
html[data-theme="dark"] .luxe .cat-card {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .lxh-cat-card:hover,
html[data-theme="dark"] .luxe .cat-card:hover {
  border-color: var(--brand-primary);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .lxh-cat-name,
html[data-theme="dark"] .luxe .cat-name {
  color: var(--text-h);
}

html[data-theme="dark"] .lxh-cat-icon,
html[data-theme="dark"] .luxe .cat-icon {
  background: var(--bg-soft);
  border-color: var(--border);
}

/* ════════════════════════════════
   PRODUCT SLIDER SECTIONS (lxps)
   ════════════════════════════════ */
html[data-theme="dark"] .lxps-card {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .lxps-card:hover {
  box-shadow: 0 10px 32px rgba(0,0,0,.4);
  border-color: rgba(155,127,212,.3);
}

html[data-theme="dark"] .lxps-img {
  background: var(--bg-soft);
}

html[data-theme="dark"] .lxps-name {
  color: var(--text-b);
}

html[data-theme="dark"] .lxps-brand {
  color: var(--brand-primary);
}

html[data-theme="dark"] .lxps-wish {
  background: rgba(26,22,38,.88);
  border-color: var(--border);
  color: var(--text-m);
}

html[data-theme="dark"] .lxps-wish:hover,
html[data-theme="dark"] .lxps-wish.active {
  color: #f43f5e;
  border-color: #f43f5e;
  background: rgba(244,63,94,.15);
}

html[data-theme="dark"] .lxps-add {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
}

html[data-theme="dark"] .lxps-add:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #fff;
}

html[data-theme="dark"] .lxps-arr {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--brand-primary);
}

html[data-theme="dark"] .lxps-arr:hover {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
}

html[data-theme="dark"] .lxps-price {
  color: var(--brand-primary);
}

html[data-theme="dark"] .lxps-old {
  color: var(--text-m);
}

html[data-theme="dark"] .lxps-hd-accent {
  background: linear-gradient(to bottom, var(--brand-gold), var(--brand-primary));
}

html[data-theme="dark"] .lxps-title {
  color: var(--text-h);
}

html[data-theme="dark"] .lxps-sub {
  color: var(--text-m);
}

html[data-theme="dark"] .lxps-cta {
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}

html[data-theme="dark"] .lxps-cta:hover {
  background: var(--brand-primary);
  color: #fff;
}

/* ════════════════════════════════
   FEATURED PRODUCTS (lxh-prod)
   ════════════════════════════════ */
html[data-theme="dark"] .lxh-prod-card {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .lxh-prod-card:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,.4);
}

html[data-theme="dark"] .lxh-prod-img {
  background: var(--bg-soft);
}

html[data-theme="dark"] .lxh-pname {
  color: var(--text-b);
}

html[data-theme="dark"] .lxh-brand {
  color: var(--brand-primary);
}

html[data-theme="dark"] .lxh-price-num {
  color: var(--brand-primary);
}

html[data-theme="dark"] .lxh-price-cur {
  color: var(--text-m);
}

html[data-theme="dark"] .lxh-fav {
  background: rgba(26,22,38,.88);
  color: var(--text-m);
}

html[data-theme="dark"] .lxh-fav:hover,
html[data-theme="dark"] .lxh-fav.active {
  color: #e84545;
  background: rgba(232,69,69,.15);
}

html[data-theme="dark"] .lxh-sl-btn {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text-m);
}

html[data-theme="dark"] .lxh-sl-btn:hover {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
}

/* ════════════════════════════════
   SECTION HEADERS
   ════════════════════════════════ */
html[data-theme="dark"] .lxh-sec-title,
html[data-theme="dark"] .luxe .section-head h2 {
  color: var(--text-h);
}

html[data-theme="dark"] .lxh-sec-sub,
html[data-theme="dark"] .luxe .section-head .sub {
  color: var(--text-m);
}

html[data-theme="dark"] .lxh-sec-cta,
html[data-theme="dark"] .luxe .section-head a.cta {
  color: var(--brand-primary);
}

/* ════════════════════════════════
   NEWSLETTER
   ════════════════════════════════ */
html[data-theme="dark"] .lxh-newsletter {
  background: linear-gradient(135deg, #1f1a30, #2d2048);
}

html[data-theme="dark"] .lxh-nl-form input {
  background: rgba(255,255,255,.08);
  color: #fff;
}

html[data-theme="dark"] .luxe .newsletter {
  background: linear-gradient(120deg, var(--bg-soft), var(--bg-card));
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .newsletter h3 {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .newsletter p {
  color: var(--text-b);
}

html[data-theme="dark"] .luxe .newsletter form {
  background: var(--bg-soft);
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .newsletter input {
  color: var(--text-h);
}

/* ════════════════════════════════
   BANNERS / PROMO
   ════════════════════════════════ */
html[data-theme="dark"] .lxh-promo-card {
  box-shadow: 0 4px 20px rgba(0,0,0,.4);
}

/* ════════════════════════════════
   PRODUCT CARDS (luxe .prod-card)
   ════════════════════════════════ */
html[data-theme="dark"] .luxe .prod-card {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .prod-card:hover {
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .luxe .prod-img {
  background: linear-gradient(160deg, var(--bg-soft) 0%, #2a2040 100%);
}

html[data-theme="dark"] .luxe .prod-name {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .prod-price .num {
  color: var(--brand-primary);
}

html[data-theme="dark"] .luxe .prod-price .cur,
html[data-theme="dark"] .luxe .prod-price .old {
  color: var(--text-m);
}

html[data-theme="dark"] .luxe .prod-fav {
  background: rgba(26,22,38,.88);
}

/* ════════════════════════════════
   CART
   ════════════════════════════════ */
html[data-theme="dark"] .luxe .cart-list {
  background: var(--bg-card);
}

html[data-theme="dark"] .luxe .cart-item {
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .cart-item-img {
  background: linear-gradient(160deg, var(--bg-soft), #2a2040);
}

html[data-theme="dark"] .luxe .cart-item-name {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .cart-item-meta {
  color: var(--text-m);
}

html[data-theme="dark"] .luxe .cart-item-trash {
  color: var(--text-m);
}

html[data-theme="dark"] .luxe .cart-item-trash:hover {
  color: var(--danger);
  background: rgba(179,58,58,.1);
}

html[data-theme="dark"] .luxe .qty-stepper {
  background: var(--bg-soft);
}

html[data-theme="dark"] .luxe .qty-stepper button.plus {
  background: var(--bg-card);
}

html[data-theme="dark"] .luxe .qty-stepper .val {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .promo-box {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .promo-box input {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .summary {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .summary h3 {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .summary .divider {
  background: var(--border);
}

html[data-theme="dark"] .luxe .summary .row .label {
  color: var(--text-m);
}

html[data-theme="dark"] .luxe .summary .row .val {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .summary .total-row .num {
  color: var(--brand-primary);
}

html[data-theme="dark"] .luxe .cart-empty {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .cart-empty h3 {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .cart-empty p {
  color: var(--text-m);
}

/* ════════════════════════════════
   PRODUCT DETAIL PAGE
   ════════════════════════════════ */
html[data-theme="dark"] .luxe .gallery {
  background: var(--bg-card);
}

html[data-theme="dark"] .luxe .gallery-main {
  background: linear-gradient(160deg, var(--bg-soft) 0%, #2a2040 50%, rgba(48,216,163,.1) 100%);
}

html[data-theme="dark"] .luxe .gallery-thumb {
  background: var(--bg-soft);
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .gallery-thumb.active {
  border-color: var(--brand-primary);
}

html[data-theme="dark"] .luxe .pd-info h1 {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .pd-info .brand-up {
  color: var(--brand-gold);
}

html[data-theme="dark"] .luxe .pd-price .num {
  color: var(--brand-primary);
}

html[data-theme="dark"] .luxe .pd-price .cur,
html[data-theme="dark"] .luxe .pd-price .old {
  color: var(--text-m);
}

html[data-theme="dark"] .luxe .pd-price .save {
  background: rgba(45,122,79,.2);
  color: var(--success);
}

html[data-theme="dark"] .luxe .pd-section h4 {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .desc-block {
  color: var(--text-b);
}

html[data-theme="dark"] .luxe .btn-fav {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--brand-primary);
}

html[data-theme="dark"] .luxe .btn-fav.active {
  color: var(--danger);
  background: rgba(179,58,58,.12);
  border-color: rgba(179,58,58,.3);
}

html[data-theme="dark"] .luxe .pd-trust .item {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .pd-trust .t {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .pd-trust .s {
  color: var(--text-m);
}

/* ════════════════════════════════
   TRUST STRIP (luxe .trust)
   ════════════════════════════════ */
html[data-theme="dark"] .luxe .trust {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .trust .icon-wrap {
  background: var(--bg-soft);
  color: var(--brand-primary);
}

html[data-theme="dark"] .luxe .trust .t {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .trust .s {
  color: var(--text-m);
}

/* ════════════════════════════════
   BRANDS STRIP
   ════════════════════════════════ */
html[data-theme="dark"] .luxe .brands-strip {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .brands-strip span {
  color: var(--text-b);
}

html[data-theme="dark"] .lxh-brands {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .lxh-brands span {
  background: var(--bg-soft);
  border-color: var(--border);
  color: var(--text-m);
}

/* ════════════════════════════════
   FOOTER
   ════════════════════════════════ */
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .luxe .site-footer {
  background: #0a0812;
  border-top: 1px solid var(--border);
}

html[data-theme="dark"] .site-footer h4,
html[data-theme="dark"] .luxe .site-footer h4 {
  color: var(--text-h);
}

html[data-theme="dark"] .site-footer a,
html[data-theme="dark"] .luxe .site-footer a {
  color: rgba(255,255,255,.55);
}

html[data-theme="dark"] .site-footer a:hover,
html[data-theme="dark"] .luxe .site-footer a:hover {
  color: var(--brand-gold);
}

html[data-theme="dark"] .site-footer .copy,
html[data-theme="dark"] .luxe .site-footer .copy {
  border-color: rgba(255,255,255,.06);
}

html[data-theme="dark"] .site-footer .pay img,
html[data-theme="dark"] .luxe .site-footer .pay img {
  filter: brightness(.7) invert(0);
  opacity: .75;
}

html[data-theme="dark"] .msb-socials a,
html[data-theme="dark"] .luxe .socials a {
  background: rgba(255,255,255,.06);
  border-color: rgba(48,216,163,.15);
  color: var(--brand-gold-light);
}

/* ════════════════════════════════
   AUTH MODAL
   ════════════════════════════════ */
html[data-theme="dark"] #auth-modal .modal-box,
html[data-theme="dark"] .auth-modal-box {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .auth-tab-btn {
  color: var(--text-m);
}

html[data-theme="dark"] .auth-tab-btn.active {
  color: var(--brand-primary);
}

html[data-theme="dark"] .auth-input {
  background: var(--bg-soft);
  border-color: var(--border);
  color: var(--text-h);
}

html[data-theme="dark"] .auth-input:focus {
  border-color: var(--brand-primary);
}

/* ════════════════════════════════
   FORMS & INPUTS (عام)
   ════════════════════════════════ */
html[data-theme="dark"] input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: var(--bg-soft);
  border-color: var(--border);
  color: var(--text-h);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--text-m);
}

/* ════════════════════════════════
   CARDS & BOXES (عام)
   ════════════════════════════════ */
html[data-theme="dark"] .luxe .cat-card,
html[data-theme="dark"] .luxe .edit-card.light {
  background: var(--bg-card);
  border-color: var(--border);
}

html[data-theme="dark"] .luxe .edit-card.light {
  background: linear-gradient(135deg, var(--bg-soft), #2a2040);
}

html[data-theme="dark"] .luxe .edit-card.light .edit-title {
  color: var(--text-h);
}

html[data-theme="dark"] .luxe .edit-card.light .sub {
  color: var(--brand-primary);
}

/* ════════════════════════════════
   PAGE GENERIC BACKGROUNDS
   ════════════════════════════════ */
html[data-theme="dark"] .bg-card,
html[data-theme="dark"] [class*="bg-card"] {
  background: var(--bg-card) !important;
}

html[data-theme="dark"] .bg-soft,
html[data-theme="dark"] [class*="bg-soft"] {
  background: var(--bg-soft) !important;
}

/* ════════════════════════════════
   BARCODE MODALS — no change needed (already dark)
   ════════════════════════════════ */

/* ════════════════════════════════
   SCROLLBAR (webkit)
   ════════════════════════════════ */
html[data-theme="dark"] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--bg-page);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--brand-primary);
}

/* ════════════════════════════════
   SELECTION
   ════════════════════════════════ */
html[data-theme="dark"] ::selection {
  background: rgba(155,127,212,.3);
  color: var(--text-h);
}

/* ════════════════════════════════
   IMAGES — تخفيف السطوع في الداكن
   ════════════════════════════════ */
html[data-theme="dark"] img:not([src*="Saudi_Riyal"]):not([src*="cloudinary"]):not([src*="icon"]):not([src*="logo"]):not([src*="pwa"]) {
  filter: brightness(.92);
}

html[data-theme="dark"] .lxh-hero-slider img,
html[data-theme="dark"] .lxps-img img,
html[data-theme="dark"] .lxh-prod-img img,
html[data-theme="dark"] .luxe .prod-img img,
html[data-theme="dark"] .luxe .gallery-main img {
  filter: brightness(.88);
}

/* ════════════════════════════════
   PROGRESS BAR
   ════════════════════════════════ */
html[data-theme="dark"] #lx-progress {
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-gold));
}