/* ============================================================
   R50E — V5 | ذهبي ملكي فخم (خلفية فحمية دافئة — أخف من الأسود القاتم)
   يُلصق في: تخصيص متقدم > تخصيص باستخدام CSS  (استبدال كامل)
   ============================================================ */

:root{
  --bg:#1a1920; --surface:#26242e; --surface-2:#2f2d39; --border:#3a3743;
  --gold:#d4af37; --gold-light:#f4d97e; --gold-deep:#a9791b;
  --gold-glow:rgba(212,175,55,.42);
  --text:#efeadf; --muted:#aaa495;
  --color-primary:var(--gold) !important; --color-primary-reverse:#1a1408 !important;
}

/* ===== خلفية فحمية دافئة بعمق ذهبي ===== */
body{ background:#1a1920 !important; color:var(--text) !important; }
body::before{
  content:''; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(1100px 560px at 50% -6%, rgba(212,175,55,.14), transparent 62%),
    radial-gradient(900px 500px at 100% 108%, rgba(212,175,55,.07), transparent 55%),
    radial-gradient(1500px 950px at 50% 55%, transparent 55%, rgba(0,0,0,.35) 100%),
    linear-gradient(180deg,#211f29,#151420);
}
.index, main, .store-body, .s-block, section, .container{
  background:transparent !important; color:var(--text) !important; position:relative; z-index:1;
}
p,span,li,small{ color:var(--text); }
a{ color:var(--text); } a:hover{ color:var(--gold); }

/* ===== الهيدر ===== */
.store-header{ background:transparent !important; }
.main-nav-container{
  background:linear-gradient(180deg,#232130,#1a1926) !important;
  box-shadow:0 6px 30px -10px rgba(0,0,0,.7), inset 0 -1px 0 var(--border) !important; border:none !important;
}
.main-nav-container .inner{ background:transparent !important; }
.top-navbar{ background:#17161f !important; }
.store-header a{ color:var(--text) !important; }
.main-nav-container nav a{ position:relative; font-weight:600; transition:color .2s; }
.main-nav-container nav a::after{
  content:''; position:absolute; bottom:-6px; right:0; width:0; height:2px;
  background:linear-gradient(90deg,var(--gold),var(--gold-light)); transition:width .25s;
}
.main-nav-container nav a:hover{ color:var(--gold) !important; }
.main-nav-container nav a:hover::after{ width:100%; }
.s-search-bar, input[type="search"], .header-search input{
  background:var(--surface) !important; border:1px solid var(--border) !important;
  color:var(--text) !important; border-radius:12px !important;
}

/* ===== عناوين الأقسام ===== */
.s-block > h2, .s-block-title, .section-title, h2.section-title{
  color:var(--gold-light) !important; font-weight:800 !important; letter-spacing:.6px;
  position:relative; display:inline-block;
}
.s-block > h2::after, .s-block-title::after{
  content:''; position:absolute; bottom:-10px; right:0; width:58px; height:4px; border-radius:4px;
  background:linear-gradient(90deg,var(--gold),var(--gold-deep)); box-shadow:0 0 16px var(--gold-glow);
}

/* ===== بطاقات المنتجات (أفتح من الخلفية = عمق) ===== */
.s-product-card-entry{
  background:linear-gradient(160deg,#2a2833 0%,#211f2a 100%) !important;
  border:1px solid var(--border) !important; border-radius:18px !important;
  overflow:hidden; position:relative; isolation:isolate;
  box-shadow:0 8px 24px -14px rgba(0,0,0,.6);
  transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s, border-color .3s;
  animation:r50eUp .5s ease both;
}
@keyframes r50eUp{ from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:none;} }
.s-product-card-entry::before{
  content:''; position:absolute; top:0; left:0; right:0; height:2px; z-index:3;
  background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light),transparent);
  opacity:0; transition:opacity .3s;
}
.s-product-card-entry:hover{
  transform:translateY(-10px); border-color:var(--gold) !important;
  box-shadow:0 22px 48px -16px var(--gold-glow), 0 0 0 1px var(--gold-deep) !important;
}
.s-product-card-entry:hover::before{ opacity:1; }
.s-product-card-image, .s-product-card-image-container,
.s-product-card-entry > a:first-child, .s-product-card-entry > div:first-child,
.s-product-card-entry [class*="image"], .s-product-card-entry .bg-white{
  background:radial-gradient(circle at 50% 40%, #322f3c, #232128) !important;
}
.s-product-card-image img, .s-product-card-image-cover{ transition:transform .45s ease; }
.s-product-card-entry:hover .s-product-card-image img,
.s-product-card-entry:hover .s-product-card-image-cover{ transform:scale(1.06); }
.s-product-card-image img[src*="placeholder"], .s-product-card-image svg{ opacity:.28 !important; }
.s-product-card-content-title, .s-product-card-content-title a, .s-product-card-content-sub-title{
  color:var(--text) !important; font-weight:700 !important;
}
.s-product-card-price, .s-product-card-content-price, .s-product-card-content-price-final{
  color:var(--gold-light) !important; font-weight:900 !important; text-shadow:0 0 18px rgba(212,175,55,.4);
}
.s-product-card-content-price-before{ color:var(--muted) !important; text-decoration:line-through; }
.s-product-card-wishlist-btn, [class*="wishlist"], .s-product-card-image button{
  background:rgba(20,18,24,.6) !important; border:1px solid var(--border) !important;
  color:var(--gold) !important; backdrop-filter:blur(6px); border-radius:12px !important;
}
.s-product-card-wishlist-btn:hover, [class*="wishlist"]:hover{ color:var(--gold-light) !important; border-color:var(--gold) !important; }

/* ===== الأزرار ===== */
.s-button-element, button.s-button-element, .btn--add-to-cart,
salla-add-product-button button, .btn--primary, .btn-primary{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 45%,var(--gold-deep) 100%) !important;
  color:#1a1408 !important; border:none !important; border-radius:12px !important;
  font-weight:800 !important; letter-spacing:.3px;
  box-shadow:0 6px 20px -6px var(--gold-glow) !important;
  transition:transform .15s, box-shadow .2s, filter .2s;
}
.s-button-element::after, .btn--add-to-cart::after{
  content:''; position:absolute; top:0; left:-130%; width:55%; height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg); transition:left .6s ease;
}
.s-button-element:hover::after, .btn--add-to-cart:hover::after{ left:140%; }
.s-button-element:hover, .btn--add-to-cart:hover, .btn--primary:hover{
  filter:brightness(1.08); transform:translateY(-2px);
  box-shadow:0 12px 32px -8px var(--gold-glow), 0 0 26px -6px var(--gold-glow) !important;
}
.btn--outline, .s-button-element.outline{
  background:transparent !important; border:1px solid var(--gold-deep) !important; color:var(--gold) !important;
}
.btn--outline:hover{ border-color:var(--gold) !important; color:var(--gold-light) !important; }
.s-cart-summary-count, .badge, .s-count-badge{
  background:var(--gold) !important; color:#1a1408 !important; box-shadow:0 0 12px var(--gold-glow);
}

/* ===== الصفحات الداخلية ===== */
.bg-white, .box, .card, .s-card{
  background:var(--surface) !important; color:var(--text) !important; border-color:var(--border) !important;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]), textarea, select,
.form-control, .s-input-content, .s-textarea-content{
  background:var(--surface) !important; color:var(--text) !important;
  border:1px solid var(--border) !important; border-radius:10px !important;
}
input::placeholder, textarea::placeholder{ color:var(--muted) !important; }
input:focus, textarea:focus, select:focus{ border-color:var(--gold) !important; box-shadow:0 0 0 3px rgba(212,175,55,.15) !important; }
.s-modal, .s-modal-body, .s-modal-content, salla-modal, .modal-content{
  background:var(--surface) !important; color:var(--text) !important; border-color:var(--border) !important;
}
.s-modal-header, .modal-header, .s-modal-footer{ border-color:var(--border) !important; background:transparent !important; }
.product-single, .s-product-page{ color:var(--text) !important; }
.product-single h1, .s-product-page h1, .product-title{ color:#fff !important; font-weight:800 !important; }
.product-single .price, .s-product-price, .product-price{
  color:var(--gold-light) !important; font-weight:900 !important; text-shadow:0 0 18px rgba(212,175,55,.35);
}
.s-quantity-input, .quantity-input, .quantity{
  background:var(--surface) !important; border:1px solid var(--border) !important; border-radius:10px !important; color:var(--text) !important;
}
.s-quantity-input button, .quantity button{ color:var(--gold) !important; }
.s-tabs-header, .tabs-header{ border-color:var(--border) !important; }
.s-tab.active, .tab.active, .s-tabs-header .active{ color:var(--gold) !important; border-color:var(--gold) !important; }
.s-breadcrumb, .breadcrumb{ color:var(--muted) !important; }
.s-breadcrumb a, .breadcrumb a{ color:var(--muted) !important; }
.s-breadcrumb a:hover, .breadcrumb a:hover{ color:var(--gold) !important; }
.s-cart-drawer, .cart-drawer, .s-cart-summary-body{ background:var(--surface) !important; color:var(--text) !important; }
table{ color:var(--text) !important; }
th, td{ border-color:var(--border) !important; }
thead, tr:nth-child(even){ background:var(--surface-2) !important; }
.s-alert, .alert{ background:var(--surface-2) !important; border:1px solid var(--border) !important; color:var(--text) !important; }
.s-pagination a, .pagination a, .s-pagination-item{
  background:var(--surface) !important; color:var(--text) !important; border:1px solid var(--border) !important; border-radius:8px !important;
}
.s-pagination .active, .pagination .active, .s-pagination-item.active{ background:var(--gold) !important; color:#1a1408 !important; }

/* ===== الفوتر ===== */
.store-footer{ background:#141320 !important; color:var(--muted) !important; border-top:1px solid var(--border) !important; }
.store-footer a{ color:var(--muted) !important; } .store-footer a:hover{ color:var(--gold) !important; }
.store-footer h3,.store-footer h4{ color:var(--gold-light) !important; }

/* ===== لمسات ===== */
::selection{ background:var(--gold); color:#1a1408; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:#1a1920; }
::-webkit-scrollbar-thumb{ background:linear-gradient(var(--gold),var(--gold-deep)); border-radius:8px; }

/* إصلاح جسم الفوتر الأبيض */
.store-footer, .store-footer__inner{
  background:#141320 !important;
  border-top:1px solid var(--border) !important;
}
.store-footer__inner *{ color:var(--muted) !important; }
.store-footer__inner h3, .store-footer__inner h4,
.store-footer__inner .s-block-title, .store-footer__inner strong{ color:var(--gold-light) !important; }
.store-footer__inner a:hover{ color:var(--gold) !important; }

/* ===== إصلاح البياض: السلة + إتمام الطلب + توست الإضافة + الفوتر ===== */
.bg-gray-50,.bg-gray-100,.bg-gray-200,.bg-gray-300,
.bg-slate-50,.bg-slate-100,.bg-neutral-50,.bg-neutral-100,
.bg-zinc-50,.bg-zinc-100,.store-footer__inner{
  background:var(--surface) !important;
}
salla-add-product-toast, salla-cart-summary, .s-cart-summary,
.cart-summary, .order-summary, [class*="summary"]{
  background:var(--surface) !important; border-color:var(--border) !important;
}
[class*="summary"] *, .cart-summary *, salla-add-product-toast *,
.store-footer__inner *{ color:var(--text) !important; }
[class*="summary"] .s-button-element, [class*="summary"] button,
salla-add-product-toast .s-button-element, salla-add-product-toast button{
  color:#1a1408 !important;
}
.store-header{
  position: sticky !important;
  top: 0;
  z-index: 9999;
  background: #14131a !important;
  box-shadow: 0 6px 24px -10px rgba(0,0,0,.85) !important;
}

/* ===== نافذة تسجيل الدخول — طابع المتجر ===== */
/* لوح النافذة داكن */
salla-login-modal .s-modal-body,
salla-login-modal [class*="modal-body"],
salla-login-modal [role="dialog"]{ background:#191820 !important; }

/* النصوص والعناوين تصير فاتحة ومقروءة */
salla-login-modal h1, salla-login-modal h2, salla-login-modal h3,
salla-login-modal label, salla-login-modal p, salla-login-modal small,
salla-login-modal a, salla-login-modal .s-login-modal-title{ color:#ece7db !important; }
salla-login-modal h1, salla-login-modal h2, salla-login-modal h3{ color:#fff !important; }

/* زر "دخول" الأساسي → ذهبي */
salla-login-modal button[type="submit"]{
  background:linear-gradient(135deg,#f4d97e,#d4af37 45%,#a9791b) !important;
  color:#1a1408 !important; border:none !important; font-weight:800 !important;
}

/* الخلفية خلف النافذة أغمق */
.s-modal-overlay, .s-overlay{ background:rgba(0,0,0,.8) !important; }

/* نصوص نافذة تسجيل الدخول */
[class*="login-modal"] *, .s-login-modal *{ color:#ece7db !important; }
[class*="login-modal"] h1,[class*="login-modal"] h2,[class*="login-modal"] h3,
[class*="login-modal"] .title{ color:#fff !important; }
[class*="login-modal"] input{ color:#111 !important; }
[class*="login-modal"] .bg-white{ background:transparent !important; }

/* ===== صندوق "منتجات متعلقة" الأبيض + أي صندوق أبيض متبقّي ===== */
body .bg-white,
salla-products-slider, .s-products-slider,
[class*="products-slider"], [class*="related"]{
  background:#191820 !important;
  color:#ece7db !important;
  border:1px solid #3a3743 !important;
  border-radius:16px !important;
}
salla-products-slider *, .s-products-slider *,
[class*="products-slider"] *, [class*="related"] *{ color:#ece7db !important; }
salla-products-slider h2, salla-products-slider h3,
[class*="products-slider"] h2, [class*="related"] h2, [class*="related"] h3{
  color:#f4d97e !important;
}

/* زر الإغلاق X في النوافذ */
.s-modal-close, [class*="modal"] button[class*="close"]{
  background: #26242e !important;
  color: #ece7db !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* الشريط الأبيض خلف "أو سجل دخولك من خلال" */
[class*="login-modal"] p, [class*="login-modal"] p span,
[class*="login-modal"] [class*="alternative"] span{
  background: transparent !important;
  color: #9c968a !important;
}

(function(){
  var GOLD='linear-gradient(135deg,#f4d97e 0%,#d4af37 45%,#a9791b 100%)';
  function beautify(){
    document.querySelectorAll('body *').forEach(function(el){
      var t=(el.textContent||'').trim(), leaf=el.children.length===0, tag=el.tagName;
      if((tag==='BUTTON'||tag==='A'||tag==='SALLA-BUTTON') && t==='دخول'){
        el.style.setProperty('background',GOLD,'important');
        el.style.setProperty('color','#1a1408','important');
        el.style.setProperty('border','none','important');
        el.style.setProperty('font-weight','800','important');
      }
      if(!leaf) return;
      if(t==='تسجيل الدخول'){
        el.style.setProperty('color','#f4d97e','important');
        el.style.setProperty('font-weight','800','important');
        el.style.setProperty('opacity','1','important');
      } else if(t==='رقم الجوال'){
        el.style.setProperty('color','#cbb98a','important');
        el.style.setProperty('opacity','1','important');
      } else if(/سجل دخولك من خلال/.test(t)){
        el.style.setProperty('background','#211f29','important');
        el.style.setProperty('color','#cbb98a','important');
      }
    });
  }
  new MutationObserver(beautify).observe(document.body,{childList:true,subtree:true});
  document.addEventListener('click',function(){setTimeout(beautify,250);setTimeout(beautify,800);});
})();

/* قائمة حساب المستخدم — تغميق الخلفية البيضاء */
new MutationObserver(function(){
  var a=[].slice.call(document.querySelectorAll('body *')).find(function(e){
    return e.children.length===0 && /تسجيل الخروج/.test(e.textContent||'');
  });
  if(!a) return;
  var box=a;
  for(var i=0;i<10;i++){
    var p=box.parentElement;
    if(p && /حسابي/.test(p.textContent||'') && /الإعدادات/.test(p.textContent||'')){ box=p; } else break;
  }
  box.style.setProperty('background','#191820','important');
  box.style.setProperty('border','1px solid #2a2620','important');
  box.style.setProperty('border-radius','14px','important');
  [].forEach.call(box.querySelectorAll('*'),function(el){
    var m=getComputedStyle(el).backgroundColor.match(/\d+/g);
    if(m && (+m[0] + +m[1] + +m[2])/3>170 && !el.querySelector('img'))
      el.style.setProperty('background','transparent','important');
    if(el.children.length===0 && (el.textContent||'').trim())
      el.style.setProperty('color','#ece7db','important');
  });
}).observe(document.body,{childList:true,subtree:true});