/* نسخة من _dark.css تعمل فقط عندما يختار العميل الوضع الداكن (html[data-mode=dark]) — مولّدة تلقائياً */
html[data-mode="dark"]{color-scheme:dark;
  --bg:#000; --surface:#161617; --fill:#232325; --fill2:#1c1c1e; --line:#2c2c2e; --line2:#3a3a3c; --sep:rgba(255,255,255,.1);
  --ink:#f5f5f7; --ink2:#d2d2d7; --muted:#a1a1a6;
  --brand:#b8325a; --brand-2:#9c2549; --brand-soft:rgba(184,50,90,.18); --link:#ff9db5;
  --ok:#30d158; --bad:#ff453a; --info:#64d2ff; --gold:#d6b37a;
  --top-bg:rgba(0,0,0,.72); --bnav-bg:rgba(18,18,20,.86); --pop:#1c1c1e;
  --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 20px 40px -24px rgba(0,0,0,.9);
  --shadow-lg:0 30px 80px -20px rgba(0,0,0,.9);}
html[data-mode="dark"] body{background:var(--bg);color:var(--ink)}
html[data-mode="dark"] :focus-visible{outline-color:color-mix(in srgb,var(--link) 60%,transparent)}
html[data-mode="dark"] .link,html[data-mode="dark"] .sec-head a.more,html[data-mode="dark"] .sec-head>a,html[data-mode="dark"] .crumbs a,html[data-mode="dark"] .suggest .all,html[data-mode="dark"] .empty a,html[data-mode="dark"] .sub a.all,html[data-mode="dark"] .legal a,html[data-mode="dark"] .kicker,html[data-mode="dark"] .pdp-cat{color:var(--link)}
html[data-mode="dark"] .btn-primary{color:#fff}
html[data-mode="dark"] .btn-tint{background:var(--brand-soft);color:var(--link)}
html[data-mode="dark"] .btn-tint:hover{background:color-mix(in srgb,var(--brand) 30%,transparent)}
html[data-mode="dark"] .btn-dark{background:var(--ink);color:var(--bg)}
html[data-mode="dark"] .btn-light{background:var(--ink);color:var(--bg)}
html[data-mode="dark"] .btn-light:hover{background:#fff}
html[data-mode="dark"] .btn-outline{background:var(--fill);color:var(--ink)}
html[data-mode="dark"] .btn-outline:hover{background:var(--line2)}
html[data-mode="dark"] .ann{background:var(--fill2);color:var(--ink2);box-shadow:inset 0 -1px 0 var(--line)}
html[data-mode="dark"] .top{background:var(--top-bg)}
html[data-mode="dark"] .top.scrolled{border-color:var(--line)}
html[data-mode="dark"] .search input{background:var(--fill);color:var(--ink)}
html[data-mode="dark"] .search input::placeholder{color:var(--muted)}
html[data-mode="dark"] .search input:focus{background:var(--fill);box-shadow:0 0 0 1.5px var(--line2)}
html[data-mode="dark"] .suggest{background:var(--pop);box-shadow:var(--shadow-lg),0 0 0 1px var(--line)}
html[data-mode="dark"] .suggest a:hover,html[data-mode="dark"] .suggest a.on{background:var(--fill)}
html[data-mode="dark"] .icon-btn{color:var(--ink)}
html[data-mode="dark"] .icon-btn:hover{background:var(--fill)}
html[data-mode="dark"] .cattabs a{color:var(--ink2)}
html[data-mode="dark"] .cattabs a:hover{background:var(--fill)}
html[data-mode="dark"] .cattabs a.on{background:var(--ink);color:var(--bg)}
html[data-mode="dark"] .cattabs a.hot{color:var(--link)}
html[data-mode="dark"] .side,html[data-mode="dark"] .cart{background:var(--bg);box-shadow:none}
html[data-mode="dark"] .side.on,html[data-mode="dark"] .cart.on{box-shadow:0 0 0 1px var(--line),var(--shadow-lg)}
html[data-mode="dark"] .hello,html[data-mode="dark"] .group,html[data-mode="dark"] .panel,html[data-mode="dark"] .facts,html[data-mode="dark"] .pdp-note,html[data-mode="dark"] .line,html[data-mode="dark"] .visit-tx,html[data-mode="dark"] .band-tour,html[data-mode="dark"] .band-share,html[data-mode="dark"] .profile-card,html[data-mode="dark"] .faq details{background:var(--surface)}
html[data-mode="dark"] .sub{background:var(--fill2)}
html[data-mode="dark"] .sub a:hover{background:var(--fill)}
html[data-mode="dark"] .group .chev{color:#5a5a5e}
html[data-mode="dark"] .card{background:var(--surface)}
html[data-mode="dark"] .card-img,html[data-mode="dark"] .noimg,html[data-mode="dark"] .pdp-img,html[data-mode="dark"] .line-img{background:var(--fill)}
html[data-mode="dark"] .badge{background:rgba(28,28,30,.82);color:var(--ink)}
html[data-mode="dark"] .badge.sale{background:var(--brand);color:#fff}
html[data-mode="dark"] .fav{background:rgba(28,28,30,.78);color:var(--ink)}
html[data-mode="dark"] .fav.on{color:var(--link)}
html[data-mode="dark"] .add{background:var(--brand-soft);color:var(--link)}
html[data-mode="dark"] .add:hover{background:var(--brand);color:#fff}
html[data-mode="dark"] .soldout{background:var(--fill);color:var(--muted)}
html[data-mode="dark"] .sk i{background:var(--fill)}
html[data-mode="dark"] .empty svg{color:#48484a}
html[data-mode="dark"] .chips a{background:var(--surface);color:var(--ink2)}
html[data-mode="dark"] .chips a.on{background:var(--ink);color:var(--bg)}
html[data-mode="dark"] .sort select{background:var(--surface)}
html[data-mode="dark"] .trust>div{background:var(--surface)}
html[data-mode="dark"] .trust i,html[data-mode="dark"] .visit-tx dt{background:var(--brand-soft);color:var(--link)}
html[data-mode="dark"] input:where(:not([type=radio]):not([type=checkbox])),html[data-mode="dark"] select,html[data-mode="dark"] textarea{background:var(--fill);color:var(--ink)}
html[data-mode="dark"] input:focus,html[data-mode="dark"] select:focus,html[data-mode="dark"] textarea:focus{background:var(--fill);box-shadow:0 0 0 2px var(--brand)}
html[data-mode="dark"] input::placeholder,html[data-mode="dark"] textarea::placeholder{color:#6e6e73}
html[data-mode="dark"] .notice{background:rgba(255,204,0,.12);color:#ffd60a}
html[data-mode="dark"] .notice.bad{background:rgba(255,69,58,.14);color:#ff6961}
html[data-mode="dark"] .tabs{background:var(--fill)}
html[data-mode="dark"] .tabs button{color:var(--ink2)}
html[data-mode="dark"] .tabs button[aria-selected=true]{background:var(--line2);color:var(--ink);box-shadow:none}
html[data-mode="dark"] .opt{background:var(--fill2)}
html[data-mode="dark"] .opt:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
html[data-mode="dark"] .pill{background:var(--fill);color:var(--ink2)}
html[data-mode="dark"] .s-new{background:rgba(100,210,255,.14);color:#64d2ff}
html[data-mode="dark"] .s-confirmed,html[data-mode="dark"] .s-ready{background:rgba(255,214,10,.14);color:#ffd60a}
html[data-mode="dark"] .s-picked,html[data-mode="dark"] .s-onway{background:var(--brand-soft);color:var(--link)}
html[data-mode="dark"] .s-delivered{background:rgba(48,209,88,.14);color:#30d158}
html[data-mode="dark"] .s-cancelled{background:var(--fill);color:var(--muted)}
html[data-mode="dark"] .track i{background:var(--fill)}
html[data-mode="dark"] .track li.done{color:var(--ink)}
html[data-mode="dark"] .track li.done i{background:var(--brand)}
html[data-mode="dark"] .cart footer{background:var(--surface);box-shadow:0 -1px 0 var(--line)}
html[data-mode="dark"] .scrim{background:rgba(0,0,0,.6)}
html[data-mode="dark"] .toast{background:rgba(58,58,60,.92);color:#fff}
html[data-mode="dark"] .map-q{background:var(--fill)}
html[data-mode="dark"] .map-q.ok{background:var(--brand-soft)}
html[data-mode="dark"] .map-q.bad{background:rgba(255,69,58,.14);color:#ff8a80}
html[data-mode="dark"] .co-map{border-color:var(--line)}
html[data-mode="dark"] .legal-head{border-color:var(--line)}
html[data-mode="dark"] .legal-table th,html[data-mode="dark"] .legal-table td{border-color:var(--line)}
html[data-mode="dark"] .legal-table th{background:var(--fill2)}
html[data-mode="dark"] .foot{background:var(--fill2);color:var(--muted);box-shadow:inset 0 1px 0 var(--line)}
html[data-mode="dark"] .foot b{color:var(--ink)}
html[data-mode="dark"] .foot a{color:var(--ink2)}
html[data-mode="dark"] .foot a:hover{color:var(--link)}
html[data-mode="dark"] .copy{box-shadow:inset 0 1px 0 var(--line)}
html[data-mode="dark"] .promo .btn-light{background:rgba(255,255,255,.92);color:#000}
@media (max-width:720px){html[data-mode="dark"] .bnav{background:var(--bnav-bg);box-shadow:inset 0 .5px 0 var(--line2)}
html[data-mode="dark"] .bnav a,html[data-mode="dark"] .bnav button{color:#8e8e93}
html[data-mode="dark"] .bnav .on{color:var(--link)}}