/*
Theme Name: السوق الشرقي
Theme URI: https://alsouq.ps
Author: Custom Dev
Description: متجر إلكتروني مخصص - موبايل أولاً
Version: 6.0.0
Text Domain: souq
*/
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
html,body{width:100%;overflow-x:hidden;margin:0;padding:0}
*,*::before,*::after{box-sizing:border-box}
body{font-family:'Tajawal',Tahoma,sans-serif;direction:rtl;line-height:1.7;min-height:100vh;background:var(--bg,#f0f4f1);color:var(--text,#1a2b1e)}
a{text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none;margin:0;padding:0}
input,button,select,textarea{font-family:inherit}
button{cursor:pointer;border:none;background:none}
:root{--bg:#f0f4f1;--surface:#fff;--text:#1a2b1e;--muted:#6b8070;--border:#dde8e1;--g1:#064e20;--g2:#0f6b2d;--g3:#1a8a3f;--g4:#25a852;--g5:#e8f5ed;--red:#dc2626;--gold:#d97706;--sh1:0 1px 4px rgba(0,50,20,.08);--sh2:0 4px 16px rgba(0,50,20,.12)}
[data-theme="dark"]{--bg:#0a0d0b;--surface:#111710;--text:#e2ede5;--muted:#7a9a80;--border:#1e2b20;--g5:#071a0d;--sh1:0 1px 4px rgba(0,0,0,.4);--sh2:0 4px 16px rgba(0,0,0,.5)}
.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--g3);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeIn .3s ease}