/* ========== الأساسيات ========== */
#os-topbar{ position:relative  ; top:10px;  right:0; bottom:20px ; left:20px; z-index:999; }

#os-menu-toggle{ background:none; border:0; color: #084f5d ; font-size:28px; cursor:pointer; transition:transform .0s ease; }

/* أيقونة القائمة باللون الأبيض في الصفحات المحددة */
.home #os-menu-toggle,
.page-id-43 #os-menu-toggle,
.page-id-414 #os-menu-toggle {
    color: #ffffff ;
}

/* اللون الكحلي في باقي الصفحات */
.os-menu-toggle {
    color: #084f5d;
}

#os-menu-toggle:hover{ transform:scale(1.05); }
#os-menu-toggle {
    position: absolute;   /* ثابت على الهيدر */
    top:10px;  right:20px;
    cursor: pointer;
    transition: color 0s, opacity 0s;
}

#os-sidepanel{
  position:fixed; top:0; right:-280px; width:280px; max-width:85vw; height:100%;
  background:#fff; box-shadow:-8px 0 20px rgba(0,0,0,.08);
  padding:16px; z-index:100000; transition:right .35s cubic-bezier(.22,.61,.36,1);
  font-family:'Tajawal',sans-serif;
}
#os-sidepanel.open{ right:0; }
#os-close{ background:none; border:0; color:#084f5d; font-size:20px; cursor:pointer; margin-bottom:2px; }
#os-close:hover{ transform:scale(1.5); }
#os-close{
    position: absolute;
    left: -2px;  /* نقل إلى اليسار */
    top: -2px;
    z-index:4;
}

/* صفوف الترتيب */
.os-row{ margin:15px 0 1px; }
.os-row.two{ display:grid; grid-template-columns: 1fr 1fr; gap:8px; }

/* عنصر أيقونة + نص */
.os-item{
  width:100%; display:flex; align-items:center; gap:10px;
  background:#f7f9f9; border:1px solid #e8eeee; border-radius:12px;
  color:#084f5d; padding:10px 10px; cursor:pointer;
  transition: transform .15s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.os-item i{ font-size:22px; }
.os-item span{ font-weight:700; font-size:11px; }
.os-item:hover{ transform:translateY(-1px); border-color:#b2905f; background:#fff; color:#b2905f; }

/* صندوق يظهر تحت العنصر */
.os-box{ display:none; margin:10px 0; padding:10px; border:1px solid #edf2f2; border-radius:12px; animation: os-fade .25s ease both; }
.os-box.show{ display:block; }

/* الجرس: شارة التعطيل فقط هنا */
#os-bell{ position:relative; }
#os-bell .os-slash{
  content:""; position:absolute; width:2px; height:30px; background:#b2905f;
  transform:rotate(-45deg); border-radius:2px; right:18px; top:6.5px; display:none;
}
#os-bell.disabled .os-slash{ display:block; }

/* أنيميشنات فردية */
#os-loyalty.active i{ animation: os-shake 0.009s ease; }
#os-bell.active i{ animation: os-pulse 0.009s ease; }
#os-theme.active i{ animation: os-rotate  0.35s ease; }
#os-currency.active i{ animation: os-flip 0.35s ease; }
#os-lang.active i{ animation: os-slide 0.35s ease; }
#os-track.active i{ animation: os-radar .5s ease; }
#os-bot.active i{   animation: os-wink  .5s ease; }
#os-search.active i{ animation: os-bounce 0.35s ease; }
#os-cats.active i{ animation: os-expand 0.35s ease; }

/* البحث الذكي */
#os-live-search{
  width:100%; border:1px solid #ddd; border-radius:10px; padding:8px 10px;
}
#os-search-suggest{ margin-top:8px; border:1px solid #eee; border-radius:10px; overflow:hidden; }
#os-search-suggest .os-sug{
  display:flex; align-items:center; gap:10px; padding:8px 10px; border-bottom:1px solid #f3f3f3; text-decoration:none; color:#084f5d; font-size:12px;
}
#os-search-suggest .os-sug:hover{ background:#f9f9f9; color:#b2905f; }
#os-search-suggest .os-sug img{ width:38px; height:38px; object-fit:cover; border-radius:10px; }
#os-search-suggest .os-price{ margin-inline-start:auto; font-size:10px; }
#os-search-suggest{
    max-height: 350px; /* يمكنك تغيير الارتفاع */
    overflow-y: visible;
    padding-right: 4px; /* لمنع تداخل scrollbar */
}

/* العملة + اللغة */
.os-curr-grid,.os-lang-grid{ display:grid ; grid-template-columns:repeat(3fr,3fr); gap:12px; }
.os-chip{
  border:1px solid #e6e6e6; background:#fff; border-radius:10px; padding:8px; cursor:pointer;
  color:#084f5d; font-size:11px; font-weight:500; transition: transform .15s ease, border-color .2s ease, color .2s ease, background .2s ease;
}
.os-chip:hover{ transform:translateY(-1px); border-color:#b2905f; color:#b2905f; }
.os-chip.active{ border-color:#b2905f; color:#b2905f; background:#fff; }
@keyframes os-radar{
  0%{ transform:scale(1) }
  40%{ transform:scale(1.1) }
  100%{ transform:scale(1) }
}
@keyframes os-wink{
  0%,100%{ transform:rotate(0deg) }
  30%{ transform:rotate(12deg) }
  60%{ transform:rotate(-10deg) }
}

/* تتبع الطلب */
.os-track-form{ display:grid; gap:8px; }
.os-track-form label{ font-size:11px; color:#084f5d; font-weight:700; }
.os-track-form input{
  border:1px solid #e6e6e6; border-radius:10px; padding:8px 10px; font-size:12px; color:#084f5d;
}
.os-track-form .os-track-submit{ margin-top:4px; }
.os-track-result{ margin-top:8px; font-size:12px; color:#084f5d; }
.os-track-result.err{ color:#b33; }

/* شات البوت المصغّر */
.os-chat-mini{ display:flex; flex-direction:column; gap:8px; }
.os-chat-log{
  max-height:220px; overflow:auto; border:1px solid #edf2f2; border-radius:10px; padding:8px; background:#fafafa;
}
.os-chat-log .msg{ padding:8px 10px; border-radius:10px; margin:6px 0; font-size:12px; line-height:1.5; }
.os-chat-log .msg.bot{ background:#eef7f9; color:#084f5d; border:1px solid #e0eef1; }
.os-chat-log .msg.me{ background:#fff; color:#084f5d; border:1px solid #e8eeee; margin-inline-start:auto; max-width:85%; }
.os-chat-input{ display:flex; gap:8px; }
.os-chat-input input{
  flex:1; border:1px solid #e6e6e6; border-radius:10px; padding:8px 10px; font-size:12px; color:#084f5d;
}
.os-chat-input button{
  border:1px solid #e6e6e6; background:#fff; color:#084f5d; border-radius:10px; padding:8px 12px; cursor:pointer;
}
.os-chat-input button:hover{ border-color:#b2905f; color:#b2905f; }

/* ===== وضع داكن لعناصر الـ Top Bar/Sidepanel فقط ===== */
body.os-dark .os-track-form label{ color:var(--text); }
body.os-dark .os-track-form input{ background:var(--card); color:var(--text); border-color:var(--border); }
body.os-dark .os-track-result{ color:var(--text); }
body.os-dark .os-chat-log{ background:var(--card); border-color:var(--border); }
body.os-dark .os-chat-log .msg.bot{ background:#0f2328; border-color:#2a4a55; color:var(--text); }
body.os-dark .os-chat-log .msg.me{ background:#122327; border-color:#2a4a55; color:var(--text); }
body.os-dark .os-chat-input input{ background:var(--card); color:var(--text); border-color:var(--border); }
body.os-dark .os-chat-input button{ background:var(--card); color:var(--text); border-color:var(--border); }

/* تحجيم زر القائمة على الديسكتوب */
@media (min-width: 1024px){
  #os-menu-toggle{
    left: 1000px;  /* لليسار */
    top: 15px;    /* لأسفل */
    padding: 0.75rem 0.9rem;
    font-size: 1.3rem; /* يرفع حجم محتوى الزر */
  }
  #os-menu-toggle i{ font-size: 1.3em; }
}

#os-currency-switcher {
    margin: 10px 0;
    text-align: center;
}
#currency-select {
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: center;
}

/* شكل السعرين */
.os-main-price {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  color: #222;
}
.os-base-price {
  display: block;
  font-size: 9px;
  color: #777;
  margin-top: 2px;
}

/* شكل السويتشر (اختياري) */
.os-currency-switcher select {
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #fff;
}

/* Chips عامة */
.os-chip{
  display:inline-block;
  padding:8px 14px;
  border-radius:999px;
  background:#f3f3f3;
  color:#333;
  margin:3px;
  text-decoration:none;
  font-weight:600;
  transition:all .2s ease;
}
.os-chip:hover{ transform: translateY(-1px); }
.os-chip.active{
  color:#fff;
  background: linear-gradient(135deg, #0ea5e9, #6366f1); /* grade / gradient */
  box-shadow: 0 8px 20px rgba(99,102,241,.25);
}

.os-curr-grid,.os-lang-grid{ display:grid ; grid-template-columns:repeat(1,1fr); gap:12px; }
.os-chip{
  border:1px solid #e6e6e6; background:#fff; border-radius:10px; padding:8px; cursor:pointer;
  color:#084f5d; font-size:11px; font-weight:500; transition: transform .15s ease, border-color .2s ease, color .2s ease, background .2s ease;
}
.os-chip:hover{ transform:translateY(-1px); border-color:#b2905f; color:#b2905f; }
.os-chip.active{ border-color:#b2905f; color:#b2905f; background:#fff; }
.os-lang-grid {
    display: grid;
    gap: 12px;
    justify-content: center;
    margin: 10px 0;
}
.os-btn-lang {
    padding: 3px 3px;
    border-radius: 10px;
    font-size: 6px;
    text-decoration: none;
    transition: 0.3s;
    font-weight: bold;
    border:1px solid #e6e6e6;
    background:#fff; 
    cursor:pointer;
}
.os-btn-lang.ar { background: #007bff; color: #fff; }
.os-btn-lang.en { background: #28a745; color: #fff; }
.os-btn-lang:hover { opacity: 0.8; }

/* الولاء */
.os-loyalty{ color:#084f5d; font-weight:700; font-size:12px;;}
.os-loyal-controls{ margin-top:8px; display:flex; gap:8px; }
.os-btn{ padding:10px 10px; border-radius:8px; border:1px solid #e6e6e6; background:#fff; color:#084f5d; cursor:pointer; }
.os-btn:hover{ border-color:#b2905f; color:#b2905f; }

/* نظام نقاط الولاء */
.os-menu-dropdown { position: relative; display: inline-block; margin: 0 10px; }
.os-menu-btn { background: #f2dbad; color: #000; padding: 8px 15px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; }
.os-menu-content {
  display: none; position: absolute; background: #fff; min-width: 220px;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.15); padding: 10px; border-radius: 10px; z-index: 99;
}
.os-menu-dropdown:hover .os-menu-content { display: block; }
.os-loyalty-box { font-size: 14px; color: #333; padding: 5px 0; }

/* التصنيفات داخل الـ Sidepanel */
#os-box-cats{ padding:0; border:none; }
.os-cats{ list-style:none; margin:6px 0 0; padding:0; max-height:0; overflow:hidden; opacity:1; transition:max-height .1s ease, opacity .3s ease; }
.os-cats.show{ max-height:520px; opacity:1; }
.os-cats li{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-bottom:1px solid #f2f2f2; }
.os-cats li img{ width:36px; height:36px; border-radius:50%; object-fit:cover; }
.os-cats li .os-cat-ph{ width:36px; height:36px; border-radius:50%; background:#ddd; display:block; }
.os-cats a{ color:#084f5d; text-decoration:none; font-weight:700; }
.os-cats a:hover{ color:#b2905f; }
#os-box-cats{
    max-height: 350px; /* يمكنك تغيير الارتفاع */
    overflow-y: auto;
    padding-right: 10px; /* لمنع تداخل scrollbar */
}









/* ===== [OS DARK] Top Bar / Sidepanel — Global Tokens + Scoped Rules (FINAL) ===== */
/* استبدال كامل للبلوك القديم بهذا الإصدار المنظّف */

body.os-dark{
  /* علامة شازار (fallbacks) */
  --os-primary: var(--shz-text, #FFF);
  --os-accent:  var(--shz-btn-active, #B2905F);

  /* درجات الداكن العامة */
  --os-dark-bg:         #0e1a1c;
  --os-dark-card:       #122327;
  --os-dark-elev1:      #0f2328;
  --os-dark-elev2:      #152a30;
  --os-dark-border:     #2a4a55;
  --os-dark-border-soft:#1f3640;
  --os-dark-text:       #e9f0f1;
  --os-dark-text-soft:  #81b5bc;

  /* حلقة تركيز عامة + توافق خلفي */
  --os-focus-ring:      0 0 0 3px rgba(8,79,93,.32);
  --bg:     var(--os-dark-bg);
  --card:   var(--os-dark-card);
  --border: var(--os-dark-border-soft);
  --text:   var(--os-dark-text);

  /* تدرجات */
  --os-grad-item: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.10));
  --os-grad-box:  linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.14));

  /* مفاتيح الأجزاء */
  --os-topbar-toggle:       var(--os-dark-text);
  --os-topbar-toggle-hover: var(--os-accent);

  --os-item-bg:            var(--os-dark-card);
  --os-item-bg-hover:      var(--os-dark-elev1);
  --os-item-text:          var(--os-dark-text);
  --os-item-border:        var(--os-dark-border-soft);
  --os-item-border-hover:  var(--os-accent);

  --os-box-bg:             var(--os-dark-bg);
  --os-box-border:         var(--os-dark-border);

  --os-input-bg:           var(--os-dark-card);
  --os-input-text:         var(--os-dark-text);
  --os-input-border:       var(--os-dark-border-soft);
  --os-input-placeholder:  #9fb0b4;

  --os-chip-bg:            var(--os-dark-card);
  --os-chip-text:          var(--os-dark-text);
  --os-chip-border:        var(--os-dark-border-soft);
  --os-chip-active-text:   var(--os-accent);
  --os-chip-active-border: var(--os-accent);

  --os-suggest-bg:         var(--os-dark-card);
  --os-suggest-item-border:var(--os-dark-border-soft);
  --os-suggest-item-hover: var(--os-dark-elev1);

  --os-cat-li-border:      var(--os-dark-text-soft);
  --os-cat-link:           var(--os-dark-text-soft);
  --os-cat-link-hover:     var(--os-accent);

  --os-chat-log-bg:        var(--os-dark-card);
  --os-chat-log-border:    var(--os-dark-border);
  --os-chat-bot-bg:        #0f2328;
  --os-chat-me-bg:         #122327;

  --os-close-color:        var(--os-dark-text);

  /* وميض الأكسنت + تركيز الأزرار/الروابط */
  --os-accent-rgb:        178,144,95; /* #B2905F */
  --os-focus-ring-accent: 0 0 0 3px rgba(178,144,95,.35);
  --os-blink-dur:         .35s;
  --os-blink-spread:      4px;
  --os-blink-alpha:       .38;

  /* أزرار */
  --os-btn-bg:            transparent;
  --os-btn-text:          var(--os-dark-text-soft);
  --os-btn-border:        var(--os-dark-text-soft);
  --os-btn-focus-text:    var(--os-accent);
  --os-btn-focus-border:  var(--os-accent);

  /* روابط */
  --os-link-focus-text:   var(--os-accent);
  --os-link-focus-border: var(--os-accent);

  /* مودال */
  --os-modal-overlay:     rgba(0,0,0,.5);
}

/* الحاوية + أزرار القائمة */
body.os-dark #os-sidepanel{ background:var(--os-box-bg); color:var(--os-dark-text); }
body.os-dark #os-close{ color:var(--os-close-color); }

/* عنصر القائمة */
body.os-dark .os-item{
  background:var(--os-item-bg);
  background-image:var(--os-grad-item);
  border-color:var(--os-item-border);
  color:var(--os-item-text);
}
body.os-dark .os-item:hover{
  background:var(--os-item-bg-hover);
  border-color:var(--os-item-border-hover);
  color:var(--os-chip-active-text);
}

/* الصناديق المنسدلة */
body.os-dark .os-box{
  background:var(--os-box-bg);
  background-image:var(--os-grad-box);
  border-color:var(--os-box-border);
  color:var(--os-dark-text);
}




/* الإدخالات (سويّت سريع) */
body.os-dark .os-apply-input,
body.os-dark #os-live-search,
body.os-dark .os-chat-input input{
  background:var(--os-input-bg);
  color:var(--os-input-text);
  border-color:var(--os-input-border);
}
body.os-dark #os-live-search::placeholder,
body.os-dark .os-chat-input input::placeholder{
  color:var(--os-input-placeholder);
}

/* الاقتراحات */
body.os-dark #os-search-suggest{ background:var(--os-suggest-bg); border-color:var(--os-box-border); }
body.os-dark #os-search-suggest .os-sug{ border-bottom-color:var(--os-suggest-item-border); color:var(--os-dark-text); }
body.os-dark #os-search-suggest .os-sug:hover{ background:var(--os-suggest-item-hover); color:var(--os-chip-active-text); }

/* Chips: العملة + اللغة */
body.os-dark .os-chip{
  background:var(--os-chip-bg);
  border-color:var(--os-chip-border);
  color:var(--os-chip-text);
}
body.os-dark .os-chip:hover,
body.os-dark .os-chip.active{
  border-color:var(--os-chip-active-border);
  color:var(--os-chip-active-text);
}

/* قائمة التصنيفات */
body.os-dark .os-cats li{ border-bottom-color:var(--os-cat-li-border); }
body.os-dark .os-cats a{ color:var(--os-cat-link); }
body.os-dark .os-cats a:hover{ color:var(--os-cat-link-hover); }

/* شات البوت */
body.os-dark .os-chat-log{
  background:var(--os-chat-log-bg);
  border-color:var(--os-chat-log-border);
}
body.os-dark .os-chat-log .msg.bot{
  background:var(--os-chat-bot-bg);
  border-color:var(--os-box-border);
  color:var(--os-dark-text);
}
body.os-dark .os-chat-log .msg.me{
  background:var(--os-chat-me-bg);
  border-color:var(--os-box-border);
  color:var(--os-dark-text);
}
body.os-dark .os-chat-input button{
  background:var(--os-input-bg);
  color:var(--os-dark-text);
  border-color:var(--os-input-border);
}
body.os-dark .os-chat-input button:hover{
  border-color:var(--os-chip-active-border);
  color:var(--os-chip-active-text);
}

/* محسنات تركيز عامة */
body.os-dark #os-live-search:focus,
body.os-dark .os-chat-input input:focus,
body.os-dark .os-chip:focus,
body.os-dark .os-item:focus,
body.os-dark .os-chat-input button:focus{
  outline:none;
  box-shadow: var(--os-focus-ring);
  border-color: var(--os-chip-active-border);
}

/* أيقونة تعطيل الجرس */
body.os-dark #os-bell .os-slash{ background:var(--os-chip-active-border); }

/* سويتشر العملة */
body.os-dark #currency-select,
body.os-dark .os-currency-switcher select{
  background:var(--os-input-bg);
  color:var(--os-input-text);
  border-color:var(--os-input-border);
}

/* أدوات تطبيق سريعة */
body.os-dark .os-apply-text{color:var(--os-dark-text);}
body.os-dark .os-apply-surface{background:var(--os-item-bg);border-color:var(--os-item-border);color:var(--os-dark-text);}
body.os-dark .os-apply-surface:hover{background:var(--os-item-bg-hover);border-color:var(--os-item-border-hover);}
body.os-dark .os-apply-input{background:var(--os-input-bg);color:var(--os-input-text);border-color:var(--os-input-border);}
body.os-dark .os-apply-chip{background:var(--os-chip-bg);color:var(--os-chip-text);border-color:var(--os-chip-border);}
body.os-dark .os-apply-chip.active,
body.os-dark .os-apply-chip:hover{color:var(--os-chip-active-text);border-color:var(--os-chip-active-border);}
body.os-dark .os-apply-link{color:var(--os-cat-link);}
body.os-dark .os-apply-link:hover{color:var(--os-cat-link-hover);}
body.os-dark .os-apply-focus:focus{outline:none;box-shadow:var(--os-focus-ring);border-color:var(--os-chip-active-border);}

/* ===== [OS DARK] Loyalty box + Order tracking + Modal ===== */

/* صندوق نقاط الولاء */
body.os-dark .shz-lp-box{
  background: var(--os-item-bg);
  color: var(--os-dark-text);
  border: 1.5px solid var(--os-item-border);
  border-radius: var(--shz-radius,14px);
}
body.os-dark #shz-lp-balance-box strong{ color: var(--os-dark-text); }
body.os-dark .shz-lp-subline{ color: var(--os-dark-text-soft) !important; }

/* أزرار الولاء */
body.os-dark .shz-lp-actions .shz-lp-btn,
body.os-dark .shz-lp-coupons-toggle{
  background: var(--os-btn-bg) !important;
  color: var(--os-btn-text) !important;
  border: 2px solid var(--os-btn-border) !important;
  border-radius: var(--shz-radius,14px);
  transition: color .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.os-dark .shz-lp-actions .shz-lp-btn:hover,
body.os-dark .shz-lp-coupons-toggle:hover{
  background: var(--os-item-bg-hover);
  border-color: var(--os-item-border-hover);
  color: var(--os-chip-active-text);
}

/* ACTIVE/FOCUS للأزرار + المودال Close */
body.os-dark .shz-lp-actions .shz-lp-btn:focus,
body.os-dark .shz-lp-actions .shz-lp-btn:focus-visible,
body.os-dark .shz-lp-actions .shz-lp-btn:active,
body.os-dark .shz-lp-coupons-toggle:focus,
body.os-dark .shz-lp-coupons-toggle:focus-visible,
body.os-dark .shz-lp-coupons-toggle:active,
body.os-dark .shz-modal__close:focus,
body.os-dark .shz-modal__close:focus-visible,
body.os-dark .shz-modal__close:active{
  background: transparent !important;
  color: var(--os-btn-focus-text) !important;
  border-color: var(--os-btn-focus-border) !important;
  outline: none !important;
  box-shadow: var(--os-focus-ring-accent);
  animation: os-accent-blink var(--os-blink-dur) ease-out 1;
}

body.os-dark .shz-badge{
  display:inline-block;
  background: var(--os-chip-bg);
  color: var(--os-chip-active-text);
  border: 1.5px solid var(--os-chip-active-border);
  border-radius: var(--shz-radius,14px);
  padding: 2px 8px;
}

/* المودال العام */
body.os-dark .shz-modal__overlay{ background: var(--os-modal-overlay); }
body.os-dark .shz-modal__content{
  background: var(--os-box-bg);
  color: var(--os-dark-text);
  border: 1px solid var(--os-box-border);
  border-radius: var(--shz-radius,14px);
}
body.os-dark .shz-modal__close{ color: var(--os-dark-text); }
body.os-dark .shz-modal__close:hover{ color: var(--os-chip-active-text); }

/* روابط داخل صندوق الولاء */
body.os-dark .shz-lp-box a:focus,
body.os-dark .shz-lp-box a:focus-visible,
body.os-dark .shz-lp-box a:active{
  background: transparent !important;
  color: var(--os-link-focus-text) !important;
  border: 2px solid var(--os-link-focus-border);
  border-radius: var(--shz-radius,14px);
  outline: none !important;
  box-shadow: var(--os-focus-ring-accent);
  animation: os-accent-blink var(--os-blink-dur) ease-out 1;
}

/* وميض الأكسنت */
@keyframes os-accent-blink{
  0%   { box-shadow: 0 0 0 0 rgba(var(--os-accent-rgb),0); }
  60%  { box-shadow: 0 0 0 var(--os-blink-spread) rgba(var(--os-accent-rgb),var(--os-blink-alpha)); }
  100% { box-shadow: 0 0 0 0 rgba(var(--os-accent-rgb),0); }
}

/* ===== [OS DARK] Order Tracking ===== */

/* الحاوية العامة */
body.os-dark .shazar-theme.shzar-order-tracking{ color: var(--os-dark-text); }

/* خانات الإدخال — نسخة شفافة موحّدة */
body.os-dark .shz-track-form input{
  background: transparent !important;
  color: var(--os-input-text) !important;
  border: 1.5px solid var(--os-btn-border) !important;
  border-radius: var(--shz-radius,14px);
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.os-dark .shz-track-form input::placeholder{ color: var(--os-input-placeholder); }
body.os-dark .shz-track-form input:focus,
body.os-dark .shz-track-form input:focus-visible{
  outline: none !important;
  background: transparent !important;
  border-color: var(--os-chip-active-border);
  box-shadow: var(--os-focus-ring);
}

/* زر "عرض الحالة" */
body.os-dark .shz_track_go{
  background: var(--os-btn-bg) !important;
  color: var(--os-btn-text) !important;
  border: 2px solid var(--os-btn-border) !important;
  border-radius: var(--shz-radius,14px);
  transition: color .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.os-dark .shz_track_go:hover{
  background: var(--os-item-bg-hover);
  border-color: var(--os-item-border-hover);
  color: var(--os-chip-active-text);
}
body.os-dark .shz_track_go:focus,
body.os-dark .shz_track_go:focus-visible,
body.os-dark .shz_track_go:active{
  background: transparent !important;
  color: var(--os-btn-focus-text) !important;
  border-color: var(--os-btn-focus-border) !important;
  outline: none !important;
  box-shadow: var(--os-focus-ring-accent);
  animation: os-accent-blink var(--os-blink-dur) ease-out 1;
}

/* نتيجة التتبع */
body.os-dark .shz_track_result{
  background: var(--os-box-bg);
  border: 1px solid var(--os-box-border);
  color: var(--os-dark-text);
  border-radius: var(--shz-radius,14px);
}















/* =====================================================================
   [OS DARK] Global — Backgrounds, Text, Links, Buttons, Footer ONLY
   يعتمد على منظومة المتغيرات السابقة (عائلة --os-…)
   ===================================================================== */

/* طبقات شائعة للصفحة/المحتوى (خلفية فقط، مع توريث لون النص) */
body.os-dark .site,
body.os-dark #page,
body.os-dark .site-content,
body.os-dark main,
body.os-dark .content-area,
body.os-dark .container,
body.os-dark .wrap,
body.os-dark .entry-content{
  background: var(--os-dark-bg);
  color: inherit;
}
/* عناوين ونصوص أساسية */
body.os-dark h1,
body.os-dark h2,
body.os-dark h3,
body.os-dark h4,
body.os-dark h5,
body.os-dark h6,
body.os-dark p,
body.os-dark li,
body.os-dark small,
body.os-dark strong,
body.os-dark b{
  color: var(--os-dark-text);
}
/* روابط عامة */
body.os-dark a{ color: var(--os-cat-link); }
body.os-dark a:hover{ color: var(--os-cat-link-hover); }

body.os-dark a:not(.button):not(.wp-block-button__link):not(.elementor-button):not(.ast-button):not(.menu-toggle){
  color: var(--os-cat-link);
  text-decoration: none;
  transition: color .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.os-dark a:not(.button):not(.wp-block-button__link):not(.elementor-button):not(.ast-button):not(.menu-toggle):hover{
  color: var(--os-cat-link-hover);
}

/* الحاويات العامة للـ breadcrumbs */
body.os-dark .ast-breadcrumbs,
body.os-dark nav.woocommerce-breadcrumb,
body.os-dark .woocommerce-breadcrumb,
body.os-dark .rank-math-breadcrumb,
body.os-dark #breadcrumbs,
body.os-dark .breadcrumbs,
body.os-dark nav.breadcrumb{
  color: var(--os-dark-text);
}

/* الروابط داخل breadcrumbs — الحالة الافتراضية */
body.os-dark .ast-breadcrumbs a,
body.os-dark nav.woocommerce-breadcrumb a,
body.os-dark .woocommerce-breadcrumb a,
body.os-dark .rank-math-breadcrumb a,
body.os-dark #breadcrumbs a,
body.os-dark .breadcrumbs a,
body.os-dark nav.breadcrumb a{
  background: transparent;
  color: var(--os-cat-link);
  text-decoration: none;
  transition: color .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

/* Hover */
body.os-dark .ast-breadcrumbs a:hover,
body.os-dark nav.woocommerce-breadcrumb a:hover,
body.os-dark .woocommerce-breadcrumb a:hover,
body.os-dark .rank-math-breadcrumb a:hover,
body.os-dark #breadcrumbs a:hover,
body.os-dark .breadcrumbs a:hover,
body.os-dark nav.breadcrumb a:hover{
  color: var(--os-cat-link-hover);
}

/* الفصلات ( / > • … ) */
body.os-dark .ast-breadcrumbs .separator,
body.os-dark .ast-breadcrumbs .sep,
body.os-dark nav.woocommerce-breadcrumb .separator,
body.os-dark .woocommerce-breadcrumb .separator,
body.os-dark .rank-math-breadcrumb .separator,
body.os-dark #breadcrumbs .separator,
body.os-dark .breadcrumbs .separator,
body.os-dark nav.breadcrumb .separator{
  color: var(--os-dark-text-soft);
  opacity: .9;
}

/* العنصر الحالي (غير قابل للنقر) */
body.os-dark .ast-breadcrumbs .trail-item.trail-end,
body.os-dark .ast-breadcrumbs .trail-item.trail-end span,
body.os-dark .woocommerce-breadcrumb .breadcrumb_last,
body.os-dark .rank-math-breadcrumb .last,
body.os-dark #breadcrumbs .breadcrumb_last,
body.os-dark .breadcrumbs .current,
body.os-dark nav.breadcrumb .current{
  color: var(--os-dark-text);
}


















/* الحاوية العامة للفوتر السفلي */
body.os-dark .site-below-footer-wrap{
  background: var(--os-dark-card);
}

/* الحاويات العامة */
body.os-dark .site-above-footer-wrap,
body.os-dark .site-primary-footer-wrap{
  background: var(--os-dark-card);
  color: var(--os-dark-text);
  border-top: 1px solid var(--os-box-border);
}


/* =====================================================================
   [OS DARK] White Logo Override — wp-image-4756
   يجعل صورة "شعار ملون" بيضاء في الوضع الداكن بدون تعديل المصدر
   ===================================================================== */
body.os-dark img.wp-image-4756{
  /* نحول أي ألوان إلى أبيض مع الحفاظ على الشفافية */
  filter: saturate(0) brightness(0) invert(1) contrast(1.05) !important;
  -webkit-filter: saturate(0) brightness(0) invert(1) contrast(1.05) !important;
}

/* =====================================================================
   [OS DARK] Figcaption — White Text
   ===================================================================== */
body.os-dark .wp-block-image figcaption,
body.os-dark .wp-element-caption{
  color: #fff !important;
}


/* الحالة الساكنة: أبيض + خلفية شفافة */
body.os-dark a.ast-builder-social-element.footer-social-item{
  color: var(--os-dark-text, #fff) !important;         /* يحدد لون الأيقونة عبر currentColor */
  background: transparent !important;                  /* لا خلفية */
  -webkit-tap-highlight-color: rgba(178,144,95,0);     /* تحسين لمس الموبايل */
}

/* تأكيد أن الـSVG يلتزم باللون (currentColor) */
body.os-dark a.ast-builder-social-element.footer-social-item .ahfb-svg-iconset,
body.os-dark a.ast-builder-social-element.footer-social-item .ahfb-svg-iconset svg,
body.os-dark a.ast-builder-social-element.footer-social-item .ahfb-svg-iconset svg path{
  fill: currentColor !important;
  stroke: currentColor !important; /* لبعض الأيقونات التي تستخدم stroke */
}

/* Hover (اختياري): نبقيه أبيض كما هو بالطلب */
body.os-dark a.ast-builder-social-element.footer-social-item:hover{
  color: var(--os-dark-text, #fff) !important;
}

/* Focus / Focus-visible / Active: ذهبي + وميض + بقاء الخلفية شفافة */
body.os-dark a.ast-builder-social-element.footer-social-item:focus,
body.os-dark a.ast-builder-social-element.footer-social-item:focus-visible,
body.os-dark a.ast-builder-social-element.footer-social-item:active{
  color: var(--os-accent, #B2905F) !important;          /* ذهبي */
  outline: none !important;
  background: transparent !important;
  box-shadow: 0 0 0 3px rgba(178,144,95,.35);           /* وميض حول الأيقونة */
  border-radius: 999px;                                  /* يجعل الوميض دائرياً */
  animation: os-accent-blink .35s ease-out 1;           /* يعتمد على keyframes المضافة سابقاً */
}

/* في حال لم تكن @keyframes موجودة لديك، أعد تضمينها (يمكن حذف هذا البلوك إذا كانت مضافة) */
@keyframes os-accent-blink{
  0%   { box-shadow: 0 0 0 0 rgba(178,144,95,0); }
  60%  { box-shadow: 0 0 0 4px rgba(178,144,95,.38); }
  100% { box-shadow: 0 0 0 0 rgba(178,144,95,0); }
}


/* ===== [OS DARK] Archive Banner Background ===== */
body.os-dark .ast-archive-entry-banner{
  background: var(--os-dark-bg) !important ;
  background-image: var(--os-dark-bg) !important ;
}

















/* =====================================================================
   [OS DARK] WooCommerce Product Cards — Astra / Woo sitewide
   يطبّق على كل بطاقات المنتجات في الأرشيف والصفحات ذات الشبكات
   ===================================================================== */

/* بطاقة المنتج: خلفية/حدود/نص */
body.os-dark ul.products li.product,
body.os-dark .woocommerce ul.products li.product{
  background: var(--os-dark-card) !important ;
  border: 1px solid var(--os-btn-border) !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
/* تأثير التحويم على البطاقة */
body.os-dark ul.products li.product:hover,
body.os-dark .woocommerce ul.products li.product:hover{
  border-color: var(--os-btn-focus-border) !important;
}


/* عنوان المنتج والرابط حوله */
body.os-dark .woocommerce ul.products li.product a.ast-loop-product__link{
  color: var(--os-cat-link);
  text-decoration: none;
  transition: color .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.os-dark .woocommerce ul.products li.product a.ast-loop-product__link:hover{
  color: var(--os-cat-link-hover);
}
body.os-dark .woocommerce ul.products li.product .woocommerce-loop-product__title{
  color: var(--os-accent)!important;
}





/* الأسعار (متوافق مع صندوق الأسعار المخصص لديك) */
body.os-dark .woocommerce ul.products li.product .price{ color: var(--os-dark-text); }
body.os-dark .woocommerce ul.products li.product .price del{ color: var(--os-dark-text-soft); opacity: .9; }
body.os-dark .woocommerce ul.products li.product .price ins{ color: var(--os-dark-text); text-decoration: none; }

body.os-dark .os-price-box .os-main-price{
  color: var(--os-dark-text) !important;
}
body.os-dark .os-price-box .os-base-price{
  color: var(--os-dark-text-soft) !important;
  opacity: 1 !important;
}








/* ================================
   زر إضافة إلى السلة داخل كروت المنتجات
   ================================ */
body.os-dark.woocommerce ul.products li.product a.button.add_to_cart_button,
body.os-dark.woocommerce ul.products li.product a.button.add_to_cart_button.loading,
body.os-dark.woocommerce a.added_to_cart,
body.os-dark.woocommerce ul.products li.product .shz-wl-btn,
body.os-dark.woocommerce ul.products li.product .shz-wl-btn .txt
{
  background-color: var(--os-btn-bg) !important;
  border-color: var( --os-btn-border) !important;
  color: var( --os-btn-text) !important;

}

/* Hover + Focus + Active + Added (بعد الإضافة) */
body.os-dark.woocommerce ul.products li.product a.button.add_to_cart_button:hover,
body.os-dark.woocommerce ul.products li.product a.button.add_to_cart_button:focus,
body.os-dark.woocommerce ul.products li.product a.button.add_to_cart_button:active,
body.os-dark.woocommerce ul.products li.product a.button.add_to_cart_button.added,
body.os-dark.woocommerce ul.products li.product a.button.add_to_cart_button.loading:hover,
body.os-dark.woocommerce ul.products li.product a.button.add_to_cart_button.loading:focus,
body.os-dark.woocommerce ul.products li.product a.button.add_to_cart_button.loading.added,
body.os-dark.woocommerce a.added_to_cart:hover,
body.os-dark.woocommerce a.added_to_cart:focus,
body.os-dark.woocommerce a.added_to_cart:active,
body.os-dark.woocommerce a.added_to_cart.added,
body.os-dark.woocommerce ul.products li.product .shz-wl-btn:hover,
body.os-dark.woocommerce ul.products li.product .shz-wl-btn:focus,
body.os-dark.woocommerce ul.products li.product .shz-wl-btn:active,
body.os-dark.woocommerce ul.products li.product .shz-wl-btn.added,
body.os-dark.woocommerce ul.products li.product .shz-wl-btn .txt:hover,
body.os-dark.woocommerce ul.products li.product .shz-wl-btn .txt:focus,
body.os-dark.woocommerce ul.products li.product .shz-wl-btn .txt:active,
body.os-dark.woocommerce ul.products li.product .shz-wl-btn .txt.added

{
  background-color: var(--os-btn-bg) !important;
  border-color: var( --os-btn-focus-border) !important;
  color: var(--os-btn-focus-text) !important;
}

/* الخلفية العامة + تدرجات البروز الجانبية */
body.os-dark .shz-carousel{
  background: var( --os-dark-bg);
}

body.os-dark .shz-carousel::before{
  background: linear-gradient(to right, var( --os-dark-bg), rgba(0,0,0,0));
}
body.os-dark .shz-carousel::after{
  background: linear-gradient(to left, var( --os-dark-bg), rgba(0,0,0,0));
}

/* زر "إضافة إلى الرغبات" السفلي */
body.os-dark .shz-carousel .products li.product .shz-wl-btn--loop{
  background: var(--os-btn-bg) !important;
  color: var(--os-btn-text) !important;
  border: 2px solid var(--os-btn-border) !important;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
body.os-dark .shz-carousel .products li.product .shz-wl-btn--loop:hover{
  background: var(--os-btn-bg) !important;
  border-color: var(--os-btn-focus-border) !important;
  color: var(--os-btn-focus-text) !important;
}
















/* خلفية داكنة لكل صفحات المنتج الفردي */
body.os-dark.single-product {
background: var(--os-dark-bg) !important;
}

/* اجعل الحاويات الأساسية شفافة لتظهر خلفية الصفحة */
body.os-dark.single-product .site,
body.os-dark.single-product .site-content,
body.os-dark.single-product #primary,
body.os-dark.single-product .site-main,
body.os-dark.single-product .ast-woocommerce-container,
body.os-dark.single-product .content-area,
body.os-dark.single-product .entry-header,
body.os-dark.single-product .ast-breadcrumbs-wrapper,
body.os-dark.single-product .woocommerce-notices-wrapper {
background: var(--os-dark-bg) !important;
}



/* — الكروت الرئيسية للمنتج والقسم حوله — */
body.os-dark.single-product .ast-article-single.product,
body.os-dark.single-product .summary.entry-summary,
body.os-dark.single-product .product_meta,
body.os-dark.single-product .shz-meta-card,
body.os-dark.single-product .woocommerce-product-gallery,
body.os-dark.single-product .woocommerce-product-gallery__wrapper,
body.os-dark.single-product .flex-control-nav { 
  background: var(--os-dark-bg) !important;
}
/* — التابات ومحتواها — */
body.os-dark.single-product .shz-tabs-card,
body.os-dark.single-product .shz-tabs-nav,
body.os-dark.single-product .shz-tabs-panel,
body.os-dark.single-product .woocommerce-tabs,
body.os-dark.single-product .woocommerce-tabs .panel {
  background: var(--os-dark-bg) !important;
}
/* — الجداول داخل صفحة المنتج — */
body.os-dark.single-product table.shop_attributes,
body.os-dark.single-product .woocommerce-product-attributes,
body.os-dark.single-product .woocommerce-product-attributes tr,
body.os-dark.single-product .woocommerce-product-attributes th,
body.os-dark.single-product .woocommerce-product-attributes td,
body.os-dark.single-product .shz-meta-table,
body.os-dark.single-product .shz-meta-table tr,
body.os-dark.single-product .shz-meta-table th,
body.os-dark.single-product .shz-meta-table td {
  background: var(--os-dark-bg) !important;
}
/* — نموذج التقييم والتعليقات — */
body.os-dark.single-product #respond,
body.os-dark.single-product .shz-review-form,
body.os-dark.single-product .woocommerce-Reviews .comment_container,
body.os-dark.single-product .woocommerce-Reviews .comment-text,
body.os-dark.single-product .commentlist {
  background: var(--os-dark-bg) !important;
}
/* — الحقول/الخانات — */
body.os-dark.single-product input[type="text"],
body.os-dark.single-product input[type="email"],
body.os-dark.single-product input[type="number"],
body.os-dark.single-product input[type="tel"],
body.os-dark.single-product input[type="search"],
body.os-dark.single-product input[type="password"],
body.os-dark.single-product textarea,
body.os-dark.single-product select,
body.os-dark.single-product .select2-container .select2-selection,
body.os-dark.single-product .quantity .input-text.qty,
body.os-dark.single-product .shz-us-input {
  background: var(--os-dark-bg) !important;
}
/* — القوائم/البريدكرمب وأشرطة المصغّرات — */
body.os-dark.single-product .woocommerce-breadcrumb,
body.os-dark.single-product .ast-breadcrumbs-wrapper,
body.os-dark.single-product .trail-items,
body.os-dark.single-product .flex-control-nav li {
  background: var(--os-dark-bg) !important;
}
/* — تنبيهات ووكومرس (إن ظهرت بالصفحة) — */
body.os-dark.single-product .woocommerce-message,
body.os-dark.single-product .woocommerce-info,
body.os-dark.single-product .woocommerce-error {
  background: var(--os-dark-bg) !important;
}



















body.os-dark.single-product .shz-tab-btn {
  background: var(--os-btn-bg);           /* خلفية ثابتة */
  color: var(--os-btn-text);              /* نص السكون */
  border: 2px solid var(--os-btn-text);   /* حد السكون */
 
}

body.os-dark.single-product .shz-tab-btn:hover,
body.os-dark.single-product input.shz-us-btn[type="submit"]:hover,

body.os-dark.single-product .shz-tab-btn:focus,
body.os-dark.single-product input.shz-us-btn[type="submit"]:focus,


body.os-dark.single-product .shz-tab-btn:active,
body.os-dark.single-product input.shz-us-btn[type="submit"]:active,

body.os-dark.single-product .shz-tab-btn.is-active
 {
  background: var(--os-btn-bg)!important;                 /* تبقى الخلفية كما هي */
  color: var(--os-btn-focus-text)!important;              /* نص باقي الحالات */
  border-color: var(--os-btn-focus-text)!important;       /* حد باقي الحالات */
}

/* حلقة تركيز (اختياري) */
body.os-dark.single-product .shz-tab-btn:focus,
body.os-dark.single-product input.shz-us-btn[type="submit"]:focus
 {
  outline: none;
  box-shadow: var(--os-focus-ring-accent)!important;
}






/* يستهدف كتلة التقييم بكاملها داخل صفحة المنتج الفردي */
body.os-dark.single-product #review_form,
body.os-dark.single-product #review_form #respond,
body.os-dark.single-product #review_form #commentform {
  background: var(--os-dark-bg);                 /* خلفية البطاقة */
 
}









/* العناوين والوسوم داخل القسم */
body.os-dark.single-product #review_form .comment-reply-title,
body.os-dark.single-product #review_form label {
  color: var(--os-dark-text);
}

/* حقل التعليق وغيره من المدخلات (لو لم تكن مفعلة مسبقاً) */
body.os-dark.single-product #review_form textarea.shz-us-input,
body.os-dark.single-product #review_form input[type="text"],
body.os-dark.single-product #review_form input[type="email"],
body.os-dark.single-product #review_form select {
  background: var(--os-input-bg);
  color: var(--os-input-text);
  border: 1.5px solid var(--os-input-border);
  border-radius: var(--shz-radius, 14px);
}
body.os-dark.single-product #review_form textarea.shz-us-input::placeholder {
  color: var(--os-input-placeholder);
}

/* روابط النجوم/التصويت تبقى بدون خلفية، فقط لون نص مناسب */
body.os-dark.single-product #review_form .stars a {
  color: var(--os-cat-link);
}
body.os-dark.single-product #review_form .stars a:hover,
body.os-dark.single-product #review_form .stars a[aria-checked="true"] {
  color: var(--os-cat-link-hover);
}

/* زر الإرسال: إن أردته "إطار فقط" اتركه كما هو، وإلا أضف له is-outline */
body.os-dark.single-product #review_form input.shz-us-btn[type="submit"].is-outline {
  background: var(--os-btn-bg);
  color: var(--os-btn-text);
  border: 2px solid var(--os-btn-text);
  border-radius: var(--shz-radius, 14px);
  font-weight: 800;
  transition: color .18s, border-color .18s, box-shadow .18s;
}
body.os-dark.single-product #review_form input.shz-us-btn[type="submit"].is-outline:hover,
body.os-dark.single-product #review_form input.shz-us-btn[type="submit"].is-outline:focus,
body.os-dark.single-product #review_form input.shz-us-btn[type="submit"].is-outline:active {
  background: var(--os-btn-bg);
  color: var(--os-btn-focus-text);
  border-color: var(--os-btn-focus-text);
}
body.os-dark.single-product #review_form input.shz-us-btn[type="submit"].is-outline:focus {
  outline: none;
  box-shadow: var(--os-focus-ring-accent);
}
/* ===== Inputs — النصوص المدخلة دائماً فاتحة ===== */
body.os-dark.single-product #shz-tab-rev input[type="text"],
body.os-dark.single-product #shz-tab-rev input[type="email"],
body.os-dark.single-product #shz-tab-rev input[type="url"],
body.os-dark.single-product #shz-tab-rev input[type="number"],
body.os-dark.single-product #shz-tab-rev input[type="search"],
body.os-dark.single-product #shz-tab-rev input[type="password"],
body.os-dark.single-product #shz-tab-rev textarea,
body.os-dark.single-product #shz-tab-rev select {
  background: var(--os-input-bg);
  color: var(--os-input-text) !important;        /* نص المدخلات فاتح دائماً */
  border: 1.5px solid var(--os-input-border);
  border-radius: var(--shz-radius, 14px);
  box-shadow: none;
  transition: border-color .18s, box-shadow .18s, background-color .18s;
}

/* OS DARK — Review comment .description (Single Product only) */
body.os-dark.single-product .woocommerce-Reviews .description,
body.os-dark.single-product #shz-tab-rev .description {
  background: var(--os-dark-bg);
  background-image: var(--os-grad-box);      /* اختياري للنعومة */
  color: var(--os-dark-text);
  border: 1.5px solid var(--os-item-border);
  border-radius: var(--shz-radius, 14px);
}

/* تأكيد أن النصوص داخل الوصف تبقى فاتحة */
body.os-dark.single-product .woocommerce-Reviews .description p,
body.os-dark.single-product #shz-tab-rev .description p {
  color: var(--os-dark-text);
}

/* الروابط داخل الوصف */
body.os-dark.single-product .woocommerce-Reviews .description a,
body.os-dark.single-product #shz-tab-rev .description a {
  color: var(--os-cat-link);
  text-decoration: none;
}
body.os-dark.single-product .woocommerce-Reviews .description a:hover,
body.os-dark.single-product #shz-tab-rev .description a:hover {
  color: var(--os-cat-link-hover);
}

/* إذا كانت الفقرة أو الـspan بداخلها ملوّنة بالـ inline style، نجبر اللون ليكون فاتحًا */
body.os-dark.single-product p[style*="text-align:center"],
body.os-dark.single-product p[style*="text-align: center"],
body.os-dark.single-product p[style*="text-align:center"] span[style*="color"],
body.os-dark.single-product p[style*="text-align: center"] span[style*="color"],
/* استهداف اللون المحدد تحديدًا (#084f5d) كحالة شائعة في محتواك */
body.os-dark.single-product p span[style*="#084f5d"] {
  color: var(--os-dark-text) !important; /* نص فاتح دائمًا */
}

/* الروابط داخل الفقرة تبقى واضحة على الداكن */
body.os-dark.single-product p[style*="text-align:center"] a,
body.os-dark.single-product p[style*="text-align: center"] a {
  color: var(--os-cat-link) !important;
  text-decoration: none;
}
body.os-dark.single-product p[style*="text-align:center"] a:hover,
body.os-dark.single-product p[style*="text-align: center"] a:hover {
  color: var(--os-cat-link-hover) !important;
}

body.os-dark.single-product .shz-meta-card .shz-meta-table {
  color: var(--os-dark-text) !important; /* يجعل النص الافتراضي فاتحًا */
}

body.os-dark.single-product .shz-meta-card .shz-meta-table th,
body.os-dark.single-product .shz-meta-card .shz-meta-table td {
  color: var(--os-dark-text) !important; /* عناوين وخلايا */
}

/* الروابط داخل الجدول تبقى واضحة على الداكن */
body.os-dark.single-product .shz-meta-card .shz-meta-table a {
  color: var(--os-cat-link) !important;
  text-decoration: none;
}
body.os-dark.single-product .shz-meta-card .shz-meta-table a:hover,
body.os-dark.single-product .shz-meta-card .shz-meta-table a:focus {
  color: var(--os-cat-link-hover) !important;
  outline: none;
}

body.os-dark.single-product #shz-tab-desc {
  color: var(--os-dark-text) !important;
}

body.os-dark.single-product #shz-tab-desc p,
body.os-dark.single-product #shz-tab-desc ul,
body.os-dark.single-product #shz-tab-desc ol,
body.os-dark.single-product #shz-tab-desc li,
body.os-dark.single-product #shz-tab-desc span,
body.os-dark.single-product #shz-tab-desc strong,
body.os-dark.single-product #shz-tab-desc em {
  color: var(--os-dark-text) !important; /* نص فاتح دائمًا */
}

/* تجاوز أي لون inline معيّن (مثل #084f5d) */
body.os-dark.single-product #shz-tab-desc [style*="color"],
body.os-dark.single-product #shz-tab-desc [style*="#084f5d"] {
  color: var(--os-dark-text) !important;
}

/* لون العلامة النقطية/الترقيم */
body.os-dark.single-product #shz-tab-desc li::marker {
  color: var(--os-dark-text) !important;
}

/* الروابط تبقى واضحة على الداكن */
body.os-dark.single-product #shz-tab-desc a {
  color: var(--os-cat-link) !important;
  text-decoration: none;
}
body.os-dark.single-product #shz-tab-desc a:hover,
body.os-dark.single-product #shz-tab-desc a:focus {
  color: var(--os-cat-link-hover) !important;
  outline: none;
}
/* OS DARK — Light text in "Additional Info" table (Single Product only) */
body.os-dark.single-product #shz-tab-add .shop_attributes,
body.os-dark.single-product #shz-tab-add .shop_attributes th,
body.os-dark.single-product #shz-tab-add .shop_attributes td,
body.os-dark.single-product #shz-tab-add .shop_attributes p,
body.os-dark.single-product #shz-tab-add .shop_attributes ul,
body.os-dark.single-product #shz-tab-add .shop_attributes ol,
body.os-dark.single-product #shz-tab-add .shop_attributes li,
body.os-dark.single-product #shz-tab-add .shop_attributes span,
body.os-dark.single-product #shz-tab-add .shop_attributes strong,
body.os-dark.single-product #shz-tab-add .shop_attributes em {
  color: var(--os-dark-text) !important;
}

/* لو فيه لون محدد inline نتجاوزه */
body.os-dark.single-product #shz-tab-add .shop_attributes [style*="color"] {
  color: var(--os-dark-text) !important;
}

/* لون العلامات النقطية/الترقيم */
body.os-dark.single-product #shz-tab-add .shop_attributes li::marker {
  color: var(--os-dark-text) !important;
}

/* الروابط داخل الجدول */
body.os-dark.single-product #shz-tab-add .shop_attributes a {
  color: var(--os-cat-link) !important;
  text-decoration: none;
}
body.os-dark.single-product #shz-tab-add .shop_attributes a:hover,
body.os-dark.single-product #shz-tab-add .shop_attributes a:focus {
  color: var(--os-cat-link-hover) !important;
  outline: none;
}
body.os-dark #astra-mobile-cart-drawer .astra-cart-drawer-content,
body.os-dark #astra-mobile-cart-drawer .widget.woocommerce.widget_shopping_cart,
body.os-dark #astra-mobile-cart-drawer .widget_shopping_cart_content,
body.os-dark #astra-mobile-cart-drawer .widget_shopping_cart_content .cart_list,
body.os-dark #astra-mobile-cart-drawer .woocommerce-mini-cart,
body.os-dark #astra-mobile-cart-drawer .woocommerce-mini-cart li,
body.os-dark #astra-mobile-cart-drawer .woocommerce-mini-cart__total,
body.os-dark #astra-mobile-cart-drawer .woocommerce-mini-cart__buttons,
body.os-dark #astra-mobile-cart-drawer .widgettitle {
  background: var(--os-dark-bg) !important;
  background-image: none !important;
}
/* (اختياري) خلفية طبقة التعتيم/الأوفرلاي إن وُجدت */
body.os-dark .ast-mobile-popup-overlay,
body.os-dark .astra-cart-drawer.active::before {
  background: var(--os-dark-bg) !important;
}
body.os-dark #astra-mobile-cart-drawer,
body.os-dark #astra-mobile-cart-drawer .astra-cart-drawer-title,
body.os-dark #astra-mobile-cart-drawer .widgettitle,
body.os-dark #astra-mobile-cart-drawer .woocommerce-mini-cart,
body.os-dark #astra-mobile-cart-drawer .woocommerce-mini-cart li,
body.os-dark #astra-mobile-cart-drawer .woocommerce-mini-cart a,
body.os-dark #astra-mobile-cart-drawer .woocommerce-mini-cart__total,
body.os-dark #astra-mobile-cart-drawer .woocommerce-mini-cart__total strong,
body.os-dark #astra-mobile-cart-drawer .quantity,
body.os-dark #astra-mobile-cart-drawer .quantity *,
body.os-dark #astra-mobile-cart-drawer .os-price-box,
body.os-dark #astra-mobile-cart-drawer .os-price-box *,
body.os-dark #astra-mobile-cart-drawer .ast-site-header-cart-data {
  color: var(--os-dark-text-soft) !important;
}
/* تأكد أن الأيقونات تتبع لون النص */
body.os-dark #astra-mobile-cart-drawer svg { fill: currentColor !important; }

/****************************************
  أزرار الدروار (الحالة الساكنة/الافتراضية)
  نص وحدّ: --os-btn-text | خلفية: --os-btn-bg
*****************************************/
body.os-dark #astra-mobile-cart-drawer .button,
body.os-dark #astra-mobile-cart-drawer a.button,
body.os-dark #astra-mobile-cart-drawer button,
body.os-dark #astra-mobile-cart-drawer .remove_from_cart_button,
body.os-dark #astra-mobile-cart-drawer .astra-cart-drawer-close {
  color: var(--os-btn-text) !important;
  border: 1px solid var(--os-btn-text) !important;
  background: var(--os-btn-bg) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/****************************************
  الحالات التفاعلية (hover/focus/active)
  نص وحدّ: --os-btn-focus-text | خلفية: --os-btn-bg
*****************************************/
body.os-dark #astra-mobile-cart-drawer .button:hover,
body.os-dark #astra-mobile-cart-drawer .button:focus,
body.os-dark #astra-mobile-cart-drawer .button:active,
body.os-dark #astra-mobile-cart-drawer a.button:hover,
body.os-dark #astra-mobile-cart-drawer a.button:focus,
body.os-dark #astra-mobile-cart-drawer a.button:active,
body.os-dark #astra-mobile-cart-drawer button:hover,
body.os-dark #astra-mobile-cart-drawer button:focus,
body.os-dark #astra-mobile-cart-drawer button:active,
body.os-dark #astra-mobile-cart-drawer .remove_from_cart_button:hover,
body.os-dark #astra-mobile-cart-drawer .remove_from_cart_button:focus,
body.os-dark #astra-mobile-cart-drawer .remove_from_cart_button:active,
body.os-dark #astra-mobile-cart-drawer .astra-cart-drawer-close:hover,
body.os-dark #astra-mobile-cart-drawer .astra-cart-drawer-close:focus,
body.os-dark #astra-mobile-cart-drawer .astra-cart-drawer-close:active {
  color: var(--os-btn-focus-text) !important;
  border-color: var(--os-btn-focus-text) !important;
  background: var(--os-btn-bg) !important;
  outline: 0 !important;
}












/* خلفيات الكروت في صفحة السلة = --os-dark-bg  */
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .shop_table,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .shop_table thead,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .shop_table tbody,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .shop_table tfoot,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .shop_table tr,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .shop_table th,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .shop_table td,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .woocommerce-cart-form,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .woocommerce-cart-form__contents,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .woocommerce-cart-form__contents .cart_item,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .cart-collaterals > *,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .cart_totals,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .cart_totals .shop_table,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .cart_totals .shop_table th,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .cart_totals .shop_table td,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .woocommerce-message,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .woocommerce-info,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .woocommerce-error {
  background: var(--os-dark-bg) !important;
}

/* (اختياري) تحسين حدود الجداول/الخلايا على الخلفية الداكنة */
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .shop_table,
body.os-dark.woocommerce-cart .elementor-shortcode .woocommerce .shop_table * {
  border-color: rgba(255,255,255,0.12) !important;
}

/* خلفية صندوق القسيمة – صفحة السلة فقط */
body.os-dark.woocommerce-cart .woocommerce-cart-form .coupon {
  background: var(--os-dark-bg) !important;
  border: 1px solid rgba(255,255,255,.12);
}

/* (احتمال آخر لصندوق القسيمة إذا ظهر كنموذج منفصل) */
body.os-dark.woocommerce-cart .woocommerce-form-coupon {
  background: var(--os-dark-bg) !important;
  border: 1px solid rgba(255,255,255,.12);
}

/* خلفية عنوان إجمالي السلة */
body.os-dark.woocommerce-cart .cart_totals h2 {
  background: var(--os-dark-bg) !important;
  border: 1px solid rgba(255,255,255,.12);
}

/* =========================================
   Woo Cart – Dark Mode (متوافق بدون :where/:is)
   نصوص فاتحة + أزرار بإطار فقط
   ========================================= */

/* نطاق صفحة السلة في الوضع الداكن */
body.os-dark.woocommerce-cart,
body.os-dark.woocommerce-page.woocommerce-cart {
  /* Aliases للمتغيرات */
  --_bg: var(--os-dark-bg, #111);
  --_text: var(--os-light-text, #fff);
  --_btn-bg: var(--os-btn-bg, transparent);
  --_btn-text: var(--os-btn-text, #fff);
  --_btn-focus-text: var(--os-btn-focus-text, #fff);
}

/* الخلفيات الأساسية */
body.os-dark.woocommerce-cart .woocommerce,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce,
body.os-dark.woocommerce-cart .woocommerce-cart-form,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce-cart-form,
body.os-dark.woocommerce-cart table.shop_table,
body.os-dark.woocommerce-page.woocommerce-cart table.shop_table,
body.os-dark.woocommerce-cart .cart-collaterals,
body.os-dark.woocommerce-page.woocommerce-cart .cart-collaterals,
body.os-dark.woocommerce-cart .cart_totals,
body.os-dark.woocommerce-page.woocommerce-cart .cart_totals,
body.os-dark.woocommerce-cart .wc-proceed-to-checkout,
body.os-dark.woocommerce-page.woocommerce-cart .wc-proceed-to-checkout,
body.os-dark.woocommerce-cart .coupon,
body.os-dark.woocommerce-page.woocommerce-cart .coupon {
  background: var(--_bg) !important;
}

/* كل النصوص فاتحة (يشمل الروابط والعناوين وخلايا الجداول) */
body.os-dark.woocommerce-cart .woocommerce,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce,
body.os-dark.woocommerce-cart .woocommerce h1,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce h1,
body.os-dark.woocommerce-cart .woocommerce h2,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce h2,
body.os-dark.woocommerce-cart .woocommerce h3,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce h3,
body.os-dark.woocommerce-cart .woocommerce h4,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce h4,
body.os-dark.woocommerce-cart .woocommerce p,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce p,
body.os-dark.woocommerce-cart .woocommerce span,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce span,
body.os-dark.woocommerce-cart .woocommerce small,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce small,
body.os-dark.woocommerce-cart .woocommerce strong,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce strong,
body.os-dark.woocommerce-cart .woocommerce em,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce em,
body.os-dark.woocommerce-cart .woocommerce a,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce a,
body.os-dark.woocommerce-cart .woocommerce th,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce th,
body.os-dark.woocommerce-cart .woocommerce td,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce td,
body.os-dark.woocommerce-cart .woocommerce dt,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce dt,
body.os-dark.woocommerce-cart .woocommerce dd,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce dd {
  color: var(--_text) !important;
}

/* الأسعار التي لديها لون مضمن inline */
body.os-dark.woocommerce-cart .os-price-box .os-main-price,
body.os-dark.woocommerce-page.woocommerce-cart .os-price-box .os-main-price {
  color: var(--_text) !important;
}

/* حقول الإدخال والـ placeholder */
body.os-dark.woocommerce-cart input,
body.os-dark.woocommerce-page.woocommerce-cart input,
body.os-dark.woocommerce-cart select,
body.os-dark.woocommerce-page.woocommerce-cart select,
body.os-dark.woocommerce-cart textarea,
body.os-dark.woocommerce-page.woocommerce-cart textarea {
  color: var(--_text) !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.25) !important;
  box-shadow: none !important;
}
body.os-dark.woocommerce-cart ::placeholder,
body.os-dark.woocommerce-page.woocommerce-cart ::placeholder {
  color: rgba(255,255,255,.65) !important;
}

/* =========================
   الأزرار – إطار فقط
   ========================= */

/* الحالة الساكنة */
body.os-dark.woocommerce-cart .woocommerce .button,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce .button,
body.os-dark.woocommerce-cart .woocommerce a.button,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce a.button,
body.os-dark.woocommerce-cart .woocommerce .wp-element-button,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce .wp-element-button,
body.os-dark.woocommerce-cart .woocommerce button,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce button,
body.os-dark.woocommerce-cart .woocommerce input[type="submit"],
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce input[type="submit"],
body.os-dark.woocommerce-cart .woocommerce input[type="button"],
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce input[type="button"],
/* أزرار محددة في الصفحة */
body.os-dark.woocommerce-cart .coupon .button,
body.os-dark.woocommerce-page.woocommerce-cart .coupon .button,
body.os-dark.woocommerce-cart .actions .button,
body.os-dark.woocommerce-page.woocommerce-cart .actions .button,
body.os-dark.woocommerce-cart .checkout-button,
body.os-dark.woocommerce-page.woocommerce-cart .checkout-button {
  background: var(--_btn-bg) !important;
  color: var(--_btn-text) !important;
  border: 1px solid var(--_btn-text) !important;
  border-radius: .375rem !important;
  box-shadow: none !important;
  transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

/* باقي الحالات (hover/focus/active) */
body.os-dark.woocommerce-cart .woocommerce .button:hover,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce .button:hover,
body.os-dark.woocommerce-cart .woocommerce a.button:hover,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce a.button:hover,
body.os-dark.woocommerce-cart .woocommerce .wp-element-button:hover,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce .wp-element-button:hover,
body.os-dark.woocommerce-cart .woocommerce button:hover,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce button:hover,
body.os-dark.woocommerce-cart .woocommerce input[type="submit"]:hover,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce input[type="submit"]:hover,
body.os-dark.woocommerce-cart .woocommerce input[type="button"]:hover,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce input[type="button"]:hover,
body.os-dark.woocommerce-cart .coupon .button:hover,
body.os-dark.woocommerce-page.woocommerce-cart .coupon .button:hover,
body.os-dark.woocommerce-cart .actions .button:hover,
body.os-dark.woocommerce-page.woocommerce-cart .actions .button:hover,
body.os-dark.woocommerce-cart .checkout-button:hover,
body.os-dark.woocommerce-page.woocommerce-cart .checkout-button:hover,
body.os-dark.woocommerce-cart .woocommerce .button:focus,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce .button:focus,
body.os-dark.woocommerce-cart .woocommerce a.button:focus,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce a.button:focus,
body.os-dark.woocommerce-cart .woocommerce .wp-element-button:focus,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce .wp-element-button:focus,
body.os-dark.woocommerce-cart .woocommerce button:focus,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce button:focus,
body.os-dark.woocommerce-cart .woocommerce input[type="submit"]:focus,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce input[type="submit"]:focus,
body.os-dark.woocommerce-cart .woocommerce input[type="button"]:focus,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce input[type="button"]:focus,
body.os-dark.woocommerce-cart .coupon .button:focus,
body.os-dark.woocommerce-page.woocommerce-cart .coupon .button:focus,
body.os-dark.woocommerce-cart .actions .button:focus,
body.os-dark.woocommerce-page.woocommerce-cart .actions .button:focus,
body.os-dark.woocommerce-cart .checkout-button:focus,
body.os-dark.woocommerce-page.woocommerce-cart .checkout-button:focus,
body.os-dark.woocommerce-cart .woocommerce .button:active,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce .button:active,
body.os-dark.woocommerce-cart .woocommerce a.button:active,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce a.button:active,
body.os-dark.woocommerce-cart .woocommerce .wp-element-button:active,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce .wp-element-button:active,
body.os-dark.woocommerce-cart .woocommerce button:active,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce button:active,
body.os-dark.woocommerce-cart .woocommerce input[type="submit"]:active,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce input[type="submit"]:active,
body.os-dark.woocommerce-cart .woocommerce input[type="button"]:active,
body.os-dark.woocommerce-page.woocommerce-cart .woocommerce input[type="button"]:active,
body.os-dark.woocommerce-cart .coupon .button:active,
body.os-dark.woocommerce-page.woocommerce-cart .coupon .button:active,
body.os-dark.woocommerce-cart .actions .button:active,
body.os-dark.woocommerce-page.woocommerce-cart .actions .button:active,
body.os-dark.woocommerce-cart .checkout-button:active,
body.os-dark.woocommerce-page.woocommerce-cart .checkout-button:active {
  background: var(--_btn-bg) !important;
  color: var(--_btn-focus-text) !important;
  border-color: var(--_btn-focus-text) !important;
}

/* زر الإزالة (x) كإطار فقط أيضاً */
body.os-dark.woocommerce-cart a.remove,
body.os-dark.woocommerce-page.woocommerce-cart a.remove {
  background: var(--_btn-bg) !important;
  color: var(--_btn-text) !important;
  border: 1px solid var(--_btn-text) !important;
  border-radius: 999px !important;
}
body.os-dark.woocommerce-cart a.remove:hover,
body.os-dark.woocommerce-page.woocommerce-cart a.remove:hover,
body.os-dark.woocommerce-cart a.remove:focus,
body.os-dark.woocommerce-page.woocommerce-cart a.remove:focus {
  color: var(--_btn-focus-text) !important;
  border-color: var(--_btn-focus-text) !important;
}

/* الأيقونات تعتمد لون النص */
body.os-dark.woocommerce-cart svg,
body.os-dark.woocommerce-page.woocommerce-cart svg {
  fill: currentColor !important;
}

/* =========================================
   Checkout Cards – Dark Backgrounds
   يطبق --os-dark-bg على كل الكروت/الحاويات
   ========================================= */

/* مرجع المتغير داخل الصفحة */
body.os-dark {
  --_dark-bg: var(--os-dark-bg, #0f1113);
}

/* عنصر إليمنتر الحاوي للواجهة */
body.os-dark .elementor-element[data-id="22ae999c"] .elementor-widget-container,
body.os-dark .elementor-element[data-id="22ae999c"] .elementor-shortcode {
  background: var(--_dark-bg) !important;
}

/* الكرت الرئيسي */
body.os-dark #shazar-checkout {
  background: var(--_dark-bg) !important;
  border-color: rgba(255,255,255,.12) !important; /* لو فيه إطار من الثيم */
}

/* كرت تسجيل الدخول */
body.os-dark #shazar-login-area {
  background: var(--_dark-bg) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* كرت ملخص التوصيل/المجموع الجزئي */
body.os-dark #shazar-shipping-estimate {
  background: var(--_dark-bg) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* كرت تفاصيل الدفع والتحويل */
body.os-dark #shazar-transfer-area {
  background: var(--_dark-bg) !important;
  border-color: rgba(255,255,255,.12) !important;  /* يتجاوز border: #eee المضمّن */
}

/* ملاحظة إضافية (إن رغبت باعتبارها كرت) */
body.os-dark #shazar-checkout form > p {
  /* لا تجعل جميع الفقرات ككروت، لكن إن كان لديك فقرات مغلّفة تُعتبر كروت
     استهدفها بكلاس مخصص. أبقي هذا السطر مُعطلاً افتراضياً. */
  /* background: var(--_dark-bg) !important; */
}

/* مودال الخريطة – الطبقة الداخلية (القماش) */
body.os-dark #shazar-map-canvas {
  background: var(--_dark-bg) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* ================================
   Checkout – Dark Inputs
   ================================ */

/* مراجع المتغيرات داخل وضع داكن */
body.os-dark {
  --_dark-card: var(-os-dark-bg, #0e1a1c);
  --_dark-text: var(--os-dark-text, #f6f7f9);
}

/* نطاق صفحة/ويدجت إتمام الطلب */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[type="text"],
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[type="tel"],
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[type="email"],
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[type="number"],
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[type="password"],
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[type="file"],
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[type="search"],
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout textarea,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout select {
  background: var(--_dark-card) !important;
  color: var(--_dark-text) !important;
  border-color:  var( --os-btn-border) !important;
  caret-color: var(--_dark-text) !important;
  box-shadow: none !important;
}

/* Placeholder (جميع المتصفحات الشائعة) */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input::placeholder,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout textarea::placeholder {
  color: var(--_dark-text) !important;
  opacity: .7 !important;
}
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input::-webkit-input-placeholder,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout textarea::-webkit-input-placeholder {
  color: var(--_dark-text) !important;
  opacity: .7 !important;
}
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input:-ms-input-placeholder,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout textarea:-ms-input-placeholder {
  color: var(--_dark-text) !important;
  opacity: .7 !important;
}
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input::-ms-input-placeholder,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout textarea::-ms-input-placeholder {
  color: var(--_dark-text) !important;
  opacity: .7 !important;
}

/* Select والقائمة المنسدلة */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout select {
  background-color: var(--_dark-card) !important;
  color: var(--_dark-text) !important;
}
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout select option {
  background-color: var(--_dark-card) !important;
  color: var(--_dark-text) !important;
}

/* ملف – زر اختيار الملف */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[type="file"]::file-selector-button {
  background: transparent !important;
  color: var(--_dark-text) !important;
  border: 1px solid var(--_dark-text) !important;
}

/* راديو/شيك بوكس */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[type="radio"],
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[type="checkbox"] {
  background: var(--_dark-card) !important;
  border-color: rgba(255,255,255,.28) !important;
  accent-color: var(--_dark-text) !important; /* مدعوم حديثاً */
}

/* حالات: Hover / Focus (بدون تغيير متطلباتك للأزرار) */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input:hover,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout textarea:hover,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout select:hover,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input:focus,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout textarea:focus,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout select:focus {
  outline: 0 !important;
  border-color:var(--os-btn-focus-border)!important;
}

/* Disabled / Readonly */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input:disabled,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout textarea:disabled,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout select:disabled,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input[readonly],
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout textarea[readonly] {
  opacity: .7 !important;
}

/* Chrome Autofill */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input:-webkit-autofill,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input:-webkit-autofill:hover,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout input:-webkit-autofill:focus,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout textarea:-webkit-autofill,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout select:-webkit-autofill {
  -webkit-text-fill-color: var(--_dark-text) !important;
  box-shadow: 0 0 0 1000px var(--_dark-card) inset !important;
  caret-color: var(--_dark-text) !important;
}
















/* نطاق صفحة الإتمام داخل الودجت */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout label,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout .cod-option,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout p > label,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar_bank_accounts,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout p > label * {
  color: var(--os-dark-text) !important;
}

/* أمثلة مذكورة نصاً لضمان شمولها */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar_have_account + * ,
body.os-dark .elementor-element[data-id="22ae999c"] #shazar_pay_by_points,
body.os-dark .elementor-element[data-id="22ae999c"] label[for="shazar_full_name"],
body.os-dark .elementor-element[data-id="22ae999c"] label[for="shazar_phone_country"],
body.os-dark .elementor-element[data-id="22ae999c"] label[for="shazar_phone"],
body.os-dark .elementor-element[data-id="22ae999c"] label[for="shazar_email"],
body.os-dark .elementor-element[data-id="22ae999c"] label[for="shazar_province"],
body.os-dark .elementor-element[data-id="22ae999c"] label[for="shazar_address"],
body.os-dark .elementor-element[data-id="22ae999c"] label[for="shazar_transfer_number"],
body.os-dark .elementor-element[data-id="22ae999c"] label[for="shazar_receipt"] {
  color: var(--os-dark-text) !important;
}


/* Dark: Checkbox background & border */
body.os-dark {
  --_bg: var(--os-btn-bg, #0b3942);
  --_bd: var(--os-btn-border, #1fa2b3);
}

/* نطاق ودجت الإتمام */
body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout #shazar_have_account {
  /* fallback للمتصفحات التي تعتمد النمط الأصلي */
  accent-color: var(--_bd);

  /* نمط مخصص موحَّد */
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid var(--_bd);
  background: var(--_bg);
  border-radius: 4px;
  display: inline-grid;
  place-content: center;
  vertical-align: middle;
  cursor: pointer;
  transition: box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
  outline: none;
  margin-inline-start: .4em; /* يترك مسافة بسيطة قبل النص */
}

body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout #shazar_have_account:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--_bd), white 70%);
}

body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout #shazar_have_account::after {
  content: "";
  width: .5em;
  height: .28em;
  border: 2px solid var(--_bd);
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg) scale(0);
  transform-origin: center;
  transition: transform .12s ease-in-out;
}

body.os-dark .elementor-element[data-id="22ae999c"] #shazar-checkout #shazar_have_account:checked::after {
  transform: rotate(-45deg) scale(1);
}
/* وضع داكن: حالة ساكنة */
body.os-dark #shazar_return_to_cart.button,
body.os-dark #shazar_place_order {
  background: var(--os-btn-bg) !important;
  color: var(--os-btn-border)!important;              /* نص */
  border: 1px solid var(--os-btn-border)!important;   /* إطار */
  border-radius: 6px!important;
  display: inline-block;
  text-decoration: none;
  padding: .6rem 1rem;
  cursor: pointer;
  transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}

/* وضع داكن: Hover / Focus / Active */
body.os-dark #shazar_return_to_cart.button:hover,
body.os-dark #shazar_return_to_cart.button:focus,
body.os-dark #shazar_return_to_cart.button:active,
body.os-dark #shazar_place_order:hover,
body.os-dark #shazar_place_order:focus,
body.os-dark #shazar_place_order:active {
  background: var(--os-btn-bg)!important;
  color: var(--os-btn-focus-border)!important;        /* نص */
  border-color: var(--os-btn-focus-border)!important; /* إطار */
  outline: none;
}

/* السعر داخل صندوق السعر – اجعل اللون فاتح في الوضع الداكن */
body.os-dark .os-price-box .os-main-price,
body.os-dark .os-price-box .shz-main-price,
body.os-dark .os-price-box .shazar-price-converted{
  color: var(--os-dark-text-soft) !important; /* يتجاوز الـ inline style */
}

/* ملاحظة الخصم – إن كانت داخل عنصر (يفضل لفّها بكلاس shz-note) */
body.os-dark .shz-note{
  color: var(--os-dark-text-soft);
  opacity: .95;
}

/* ===== وضع داكن: راديو خيارات الدفع — متوافق وبسيط ===== */
body.os-dark #shazar-checkout input[type="radio"][name="shazar_payment_method"]{
  -webkit-appearance: none;
  appearance: none;
  width: 1.2em; height: 1.2em;
  border-radius: 50%;
  background: var(--os-dark-card);
  border: 1.5px solid var(--os-btn-border);  /* نفس لون الإطار في كل الحالات */
  position: relative;
  vertical-align: -2px;
  margin-inline-end: .35rem;
  cursor: pointer;
}

/* النقطة الداخلية — ثابتة دائمًا عند التحديد */
body.os-dark #shazar-checkout input[type="radio"][name="shazar_payment_method"]:checked::after{
  content: "";
  position: absolute;
  top: 3px; left: 3px; right: 3px; bottom: 3px;
  border-radius: 50%;
  background: var(--os-btn-border);        /* نفس اللون */
}

/* حلقة تركيز بسيطة بدون تغيير ألوان */
body.os-dark #shazar-checkout input[type="radio"][name="shazar_payment_method"]:focus{
  outline: 2px solid var(--os-btn-border);
  outline-offset: 2px;
}

/* معطّل */
body.os-dark #shazar-checkout input[type="radio"][name="shazar_payment_method"][disabled]{
  border-color: var(--os-dark-text-soft);
  opacity: .65;
  cursor: not-allowed;
}
body.os-dark #shazar-checkout input[type="radio"][name="shazar_payment_method"][disabled]:checked::after{
  background: var(--os-dark-text-soft);
}
/* ========= Invoice — Dark Mode ========= */
/* الحاوية العامة */
body.os-dark .shazar-invoice{
  background: var(--os-dark-bg) !important;
  color: var(--os-dark-text) !important;
}

/* نصوص عامة داخل الفاتورة */
body.os-dark .shazar-invoice,
body.os-dark .shazar-invoice p,
body.os-dark .shazar-invoice div,
body.os-dark .shazar-invoice td,
body.os-dark .shazar-invoice th{
  color: var(--os-dark-text) !important;
}


body.os-dark .shazar-invoice h1,
body.os-dark .shazar-invoice h2,
body.os-dark .shazar-invoice h3,
body.os-dark .shazar-invoice h4,
body.os-dark .shazar-invoice h5,
body.os-dark .shazar-invoice h6,
body.os-dark .shazar-invoice strong{
  color: var(--os-accent) !important;
}

/* اللوجو والعناوين يمكن إبقاؤها بدرجة أهدأ قليلاً */
body.os-dark .shazar-invoice .logo,
body.os-dark .shazar-invoice h3,
body.os-dark .shazar-invoice h4{
  color:  var(--os-accent) !important;
}

/* الروابط */
body.os-dark .shazar-invoice a{
  color: var(--os-dark-text-soft) !important;
  text-decoration: underline;
}

/* أي شيء ملوّن يدوياً بـ #084F5D يتحول لنص/إطار ناعم */
body.os-dark .shazar-invoice [style*="#084F5D"]{
  color: var(--os-dark-text-soft) !important;
  border-color: var(--os-dark-text-soft) !important;
}

/* صناديق السعر من Woo (فيها inline color: var(--osc-main-color,#084F5D)) */
body.os-dark .shazar-invoice .shz-price-box .os-main-price{
  color: var(--os-dark-text-soft) !important;
}

/* الجداول: خلفيات وبوردار */
body.os-dark .shazar-invoice table{
  background: var(--os-dark-card, var(--os-dark-bg)) !important;
  color: var(--os-dark-text) !important;
  border: 1px solid var(--os-dark-text-soft) !important;
  border-radius: 12px;
  overflow: hidden;
}

/* رأس الجدول (كان #fafafa) */
body.os-dark .shazar-invoice thead tr{
  background: color-mix(in oklab, var(--os-dark-card, var(--os-dark-bg)), white 4%) !important;
}
body.os-dark .shazar-invoice thead th{
  color:  var(--os-dark-bg) !important;
  border-bottom: 1px solid color-mix(in oklab, var(--os-dark-text-soft), transparent 70%) !important;
}

/* صفوف وتخطيطات الحدود المضمّنة (كانت rgba(0,0,0,.06) و #eee) */
body.os-dark .shazar-invoice tr{
  border-color: color-mix(in oklab, var(--os-dark-text-soft), transparent 80%) !important;
}
body.os-dark .shazar-invoice tr[style*="border-bottom"],
body.os-dark .shazar-invoice tr[style*="border-top"]{
  border-bottom: 1px solid color-mix(in oklab, var(--os-dark-text-soft), transparent 80%) !important;
  border-top: 1px solid color-mix(in oklab, var(--os-dark-text-soft), transparent 80%) !important;
}

/* خلايا الجدول */
body.os-dark .shazar-invoice td,
body.os-dark .shazar-invoice th{
  color: var(--os-dark-text) !important;
}

/* الصور داخل خلايا الجدول تبقى كما هي */
body.os-dark .shazar-invoice td img{
  background: transparent !important;
}

/* الفواصل */
body.os-dark .shazar-invoice hr{
  border: 0;
  height: 1px;
  background: color-mix(in oklab, var(--os-dark-text-soft), transparent 70%) !important;
}

/* الميتا في الهيدر */
body.os-dark .shazar-invoice .invoice-header{
  background: transparent !important;
}
body.os-dark .shazar-invoice .invoice-meta{
  color: var(--os-dark-text) !important;
}

/* جدول "تفاصيل الدفع بالنقاط" (كان border:1px solid #eee و thead بخلفية #fafafa) */
body.os-dark .shazar-invoice table[dir="rtl"]{
  background: var(--os-dark-card, var(--os-dark-bg)) !important;
  border: 1px solid var(--os-dark-text-soft) !important;
}
body.os-dark .shazar-invoice table[dir="rtl"] tr[style*="background"]{
  background: color-mix(in oklab, var(--os-dark-card, var(--os-dark-bg)), white 4%) !important;
}

/* إبراز الإجماليات الكبيرة دون تغيير اللون الأساسي */
body.os-dark .shazar-invoice td[style*="font-size:2em"] strong,
body.os-dark .shazar-invoice td[style*="font-size: 2em"] strong{
  color: var(--os-dark-text-soft) !important;
}

/* روابط التتبع ووسائل التواصل */
body.os-dark .shazar-invoice a[href^="mailto:"],
body.os-dark .shazar-invoice a[href^="https://wa.me"],
body.os-dark .shazar-invoice a[href*="order-tracking"]{
  color: var(--os-dark-text-soft) !important;
}




















/* ===================== تتبع الطلب — وضع داكن ===================== */

/* الحاوية العامة */
body.os-dark .shzar-order-tracking{
  color: var(--os-dark-text);
  background: var(--os-dark-bg);
}

/* العناوين والنصوص */

body.os-dark .shzar-order-tracking p,
body.os-dark .shzar-order-tracking b,
body.os-dark .shzar-order-tracking strong,
body.os-dark .shzar-order-tracking label{
  color: var(--os-dark-text);
}

body.os-dark .shzar-order-tracking h2,
body.os-dark .shzar-order-tracking h3,
body.os-dark .shzar-order-tracking h4,
body.os-dark .shzar-order-tracking h1

{
  color:  var(--os-accent)!important;
}


/* الحقول */
body.os-dark .shzar-order-tracking input[type="text"]{
  background: var(--os-dark-card);
  color: var(--os-dark-text);
  border: 1px solid var(--os-dark-text-soft);
  border-radius: 6px;
  padding: .55rem .7rem;
  box-shadow: none !important;
}
body.os-dark .shzar-order-tracking input[type="text"]:focus{
  border-color: var(--os-btn-focus-border);
  outline: 2px solid var(--os-btn-focus-border);
  outline-offset: 1px;
}

/* Placeholder */
body.os-dark .shzar-order-tracking input[type="text"]::placeholder{ color: var(--os-dark-text-soft); }
body.os-dark .shzar-order-tracking input[type="text"]::-webkit-input-placeholder{ color: var(--os-dark-text-soft); }
body.os-dark .shzar-order-tracking input[type="text"]:-ms-input-placeholder{ color: var(--os-dark-text-soft); }

/* الأزرار (نفس تنسيقك: ساكن ثم الحالات الأخرى) */
body.os-dark .shzar-order-tracking .button,
body.os-dark .shzar-order-tracking button.shz_track_go,
body.os-dark .shzar-order-tracking .shz-open-invoice{
  color: var(--os-btn-border);
  background: var(--os-btn-bg);
  border: 1.5px solid var(--os-btn-border);
  border-radius: 6px !important;
  padding: .6rem 1rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
body.os-dark .shzar-order-tracking .button:hover,
body.os-dark .shzar-order-tracking .button:focus,
body.os-dark .shzar-order-tracking .button:active,
body.os-dark .shzar-order-tracking button.shz_track_go:hover,
body.os-dark .shzar-order-tracking button.shz_track_go:focus,
body.os-dark .shzar-order-tracking button.shz_track_go:active,
body.os-dark .shzar-order-tracking .shz-open-invoice:hover,
body.os-dark .shzar-order-tracking .shz-open-invoice:focus,
body.os-dark .shzar-order-tracking .shz-open-invoice:active{
  color: var(--os-btn-focus-border);
  border-color: var(--os-btn-focus-border);
  background: var(--os-btn-bg);
  outline: 2px solid var(--os-btn-focus-border);
  outline-offset: 1px;
}

/* بطاقة النتيجة */
body.os-dark .shzar-order-tracking .shz_track_result{
  color: var(--os-dark-text);
}
body.os-dark .shzar-order-tracking .shz-track-card{
  background: var(--os-dark-card);
  color: var(--os-dark-text);
  border: 1px solid var(--os-dark-text-soft);
  border-radius: 10px;
  padding: 12px;
}

/* الشارة (حالة الطلب) */
body.os-dark .shzar-order-tracking .shz-badge{
  background: var(--os-dark-card);
  color:  var(--os-accent);
  border: 1px solid var(--os-dark-text-soft);
  border-radius: 999px;
  padding: .15rem .5rem;
}

/* الروابط داخل منطقة التتبع */
body.os-dark .shzar-order-tracking a{
  color: var(--os-dark-text-soft);
  text-decoration: underline;
}

/* أي لون أو إطار مضمّن بـ #084F5D يتحوّل للنص الناعم في الوضع الداكن */
body.os-dark .shzar-order-tracking [style*="#084F5D"]{
  color: var(--os-dark-text-soft) !important;
  border-color: var(--os-dark-text-soft) !important;
}

body.os-dark .shzar-order-tracking .shz-modal__close{
  color: var(--os-dark-text);
  background: transparent;
  border: 1px solid var(--os-dark-text-soft);
  border-radius: 6px;
}
/* ===== تتبع الطلب: تنبيهات — وضع داكن ===== */
body.os-dark .shz_track_result .shazar-alert{
  background: var(--os-dark-card) !important;
  color: var(--os-dark-text) !important;
  border: 1px solid var(--os-dark-text-soft) !important;
  border-radius: 10px;
  padding: 12px 14px;
  line-height: 1.6;
}

/* إبراز الخطأ (شريط داخلي ولون إطار ناعم) */
body.os-dark .shz_track_result .shazar-alert--error{
  border-color: var(--os-dark-text-soft) !important;
  box-shadow: inset 4px 0 0 color-mix(in oklab, var(--os-dark-text-soft), transparent 25%);
}

/* روابط داخل التنبيه */
body.os-dark .shz_track_result .shazar-alert a{
  color: var(--os-dark-text-soft) !important;
  text-decoration: underline;
}

/* تنظيف أي لون مضمّن */
body.os-dark .shz_track_result .shazar-alert[style*="background"]{
  background: var(--os-dark-card) !important;
}


















/* ========== Login — Dark Mode (scoped) ========== */
body.os-dark .shz-us-wrap{
  background: var(--os-dark-bg);
  color: var(--os-dark-text);
  border: 1px solid color-mix(in oklab, var(--os-dark-text-soft), transparent 75%);
  border-radius: 12px;
  padding: 16px;
}

/* العنوان والنصوص */
body.os-dark .shz-us-wrap h2{
  color: var(--os-dark-text);
}
body.os-dark .shz-us-field > label,
body.os-dark .shz-us-wrap label{
  color: var(--os-dark-text-soft);
}

/* أي عنصر داخله لون #084F5D يتحول للّون الناعم في الداكن */
body.os-dark .shz-us-wrap [style*="#084F5D"]{
  color: var(--os-dark-text-soft) !important;
  border-color: var(--os-dark-text-soft) !important;
}

/* الحقول (نص/بريد/رقم/كلمة مرور) */
body.os-dark .shz-us-wrap .shz-us-input,
body.os-dark .shz-us-wrap input[type="text"],
body.os-dark .shz-us-wrap input[type="email"],
body.os-dark .shz-us-wrap input[type="tel"],
body.os-dark .shz-us-wrap input[type="password"]{
  background: var(--os-dark-card) !important;
  color: var(--os-dark-text) !important;
  border: 1.5px solid var(--os-btn-border) !important;
  border-radius: 8px;
  padding: .65rem .8rem;
  outline: none;
}
body.os-dark .shz-us-wrap .shz-us-input::placeholder,
body.os-dark .shz-us-wrap input::placeholder{ color: var(--os-dark-text-soft); }

/* تركيز الحقول */
body.os-dark .shz-us-wrap .shz-us-input:focus,
body.os-dark .shz-us-wrap input:focus{
  border-color: var(--os-btn-focus-border) !important;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--os-btn-focus-border), transparent 70%);
}

/* حالة غير صالحة */
body.os-dark .shz-us-wrap .shz-us-input:invalid{
  border-color: color-mix(in oklab, var(--os-btn-focus-border), red 20%);
}

/* إصلاح اللون في الإكمال التلقائي */
body.os-dark .shz-us-wrap input:-webkit-autofill{
  -webkit-text-fill-color: var(--os-dark-text) !important;
  box-shadow: 0 0 0 1000px var(--os-dark-card) inset;
  caret-color: var(--os-dark-text);
}

/* زر إظهار كلمة المرور */
body.os-dark .shz-us-wrap .shz-eye{
  color: var(--os-dark-text-soft);
  background: transparent;
}
body.os-dark .shz-us-wrap .shz-eye:hover{
  color: var(--os-dark-text);
}

/* تذكّرني (Checkbox) — لون ثابت بكل الحالات */
@supports (accent-color: auto){
  body.os-dark .shz-us-wrap input[type="checkbox"]{
    accent-color: var(--os-btn-border);
  }
}
@supports not (accent-color: auto){
  body.os-dark .shz-us-wrap input[type="checkbox"]{
    -webkit-appearance: none; appearance: none;
    inline-size: 1.05em; block-size: 1.05em;
    border: 1.5px solid var(--os-btn-border);
    background: var(--os-dark-card);
    border-radius: 4px;
    position: relative; vertical-align: -2px; cursor: pointer;
  }
  body.os-dark .shz-us-wrap input[type="checkbox"]:checked::after{
    content: ""; position: absolute; inset: 2px; background: var(--os-btn-border);
  }
}

/* الأزرار: ساكن = نص/إطار --os-btn-border وخلفية --os-btn-bg 
   باقي الحالات = نص/إطار --os-btn-focus-border وخلفية ثابتة */
body.os-dark .shz-us-wrap .button,
body.os-dark .shz-us-wrap .wp-element-button{
  color: var(--os-btn-border) !important;
  background: var(--os-btn-bg) !important;
  border: 1.5px solid var(--os-btn-border) !important;
  border-radius: 8px;
  padding: .65rem 1rem;
  display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none;
  transition: color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
body.os-dark .shz-us-wrap .button:is(:hover,:focus,:active),
body.os-dark .shz-us-wrap .wp-element-button:is(:hover,:focus,:active){
  color: var(--os-btn-focus-border) !important;
  border-color: var(--os-btn-focus-border) !important;
  background: var(--os-btn-bg) !important;
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--os-btn-focus-border), white 75%);
}

/* رسائل الحالة */
body.os-dark .shz-us-wrap .shz-us-msg{
  background: var(--os-dark-card);
  color: var(--os-dark-text);
  border: 1px solid var(--os-dark-text-soft);
  border-radius: 10px;
  padding: 10px 12px;
}

/* روابط المساعدة */
body.os-dark .shz-us-wrap .shz-us-links a{
  color: var(--os-dark-text-soft);
  text-decoration: underline;
}
body.os-dark .shz-us-wrap .shz-us-links a:hover{
  color: var(--os-dark-text);
}

/* إزالة أي ظلال/حدود مضمّنة قد تعارض التنسيق */
body.os-dark .shz-us-wrap [style*="box-shadow"]{ box-shadow: none !important; }
body.os-dark .shz-us-wrap [style*="border"]{ border-color: var(--os-btn-border) !important; }

/* إخفاء الرسالة إن كانت فارغة */
.shz-us-wrap .shz-us-msg{ display:none; margin:0; }

/* إظهارها وتطبيق التنسيق فقط عند وجود نص */
.shz-us-wrap .shz-us-msg:not(:empty){
  display:block;
  margin-top:12px;
  padding:10px 12px;
  border-radius:10px;
}

/* تنسيق الوضع الداكن عند وجود رسالة */
body.os-dark .shz-us-wrap .shz-us-msg:not(:empty){
  background: var(--os-dark-card);
  color: var(--os-dark-text);
  border: 1px solid var(--os-dark-text-soft);
}

/* (اختياري) تنسيق الوضع الفاتح عند وجود رسالة */
body:not(.os-dark) .shz-us-wrap .shz-us-msg:not(:empty){
  background:#f7f7f7;
  color:#222;
  border:1px solid #ddd;
}











































/* ===========================
   حساب المستخدم — وضع داكن (scoped)
   يعتمد فقط على متغيراتك:
   --os-dark-bg / --os-dark-card / --os-dark-text / --os-dark-text-soft
   --os-btn-bg / --os-btn-border / --os-btn-focus-border
   =========================== */

/* الحاوية الأساسية + نصوص عامة */
body.os-dark .shz-us-wrap{
  background: var(--os-dark-bg);
  color: var(--os-dark-text);
  border: 1px solid color-mix(in oklab, var(--os-dark-text-soft), transparent 75%);
  border-radius: 14px;
  padding: 16px;
}
body.os-dark .shz-us-wrap h2,
body.os-dark .shz-us-wrap summary{ color: var(--os-dark-text); }
body.os-dark .shz-us-wrap small,
body.os-dark .shz-us-wrap .txt-muted,
body.os-dark .shz-us-wrap .shz-lp-subline{ color: var(--os-dark-text-soft) !important; }

/* أي عنصر ملوّن بـ #084F5D يتحول للّون الناعم */
body.os-dark .shz-us-wrap [style*="#084F5D"]{
  color: var(--os-dark-text-soft) !important;
  border-color: var(--os-dark-text-soft) !important;
}

/* عناوين الأقسام القابلة للطي + محتواها */
body.os-dark .shz-us-accordion summary{
  background: var(--os-dark-card);
  color: var(--os-dark-text);
  border: 1px solid var(--os-btn-border);
  border-radius: 10px;
  padding: .65rem .85rem;
  cursor: pointer;
}
body.os-dark .shz-us-accordion .content{
  background: var(--os-dark-card);
  color: var(--os-dark-text);
  border: 1px solid var(--os-btn-border);
  border-radius: 10px;
  padding: .85rem;
  margin-top: .5rem;
}

/* الحقول (نص/إيميل/تلفون/كلمة مرور/تاريخ/ملف) + select + الحقول المخصصة */
body.os-dark .shz-us-wrap .shz-us-input,
body.os-dark .shz-us-wrap .shz-us-select,
body.os-dark .shz-us-wrap input[type="text"],
body.os-dark .shz-us-wrap input[type="email"],
body.os-dark .shz-us-wrap input[type="tel"],
body.os-dark .shz-us-wrap input[type="password"],
body.os-dark .shz-us-wrap input[type="date"],
body.os-dark .shz-us-wrap input[type="file"],
body.os-dark .shz-us-wrap textarea,
body.os-dark .shz-us-wrap .shz-wl-share-input,
body.os-dark .shz-us-wrap .shz-lp-ref-input{
  background: var(--os-dark-card) !important;
  color: var(--os-dark-text) !important;
  border: 1.5px solid var(--os-btn-border) !important;
  border-radius: 8px;
  padding: .6rem .75rem;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
body.os-dark .shz-us-wrap input::placeholder,
body.os-dark .shz-us-wrap textarea::placeholder{ color: var(--os-dark-text-soft); }

/* select + options */
body.os-dark .shz-us-wrap select{ background: var(--os-dark-card) !important; color: var(--os-dark-text) !important; }
body.os-dark .shz-us-wrap select option{ background: var(--os-dark-card); color: var(--os-dark-text); }

/* تركيز الحقول */
body.os-dark .shz-us-wrap .shz-us-input:focus,
body.os-dark .shz-us-wrap .shz-us-select:focus,
body.os-dark .shz-us-wrap input:focus,
body.os-dark .shz-us-wrap textarea:focus{
  border-color: var(--os-btn-focus-border) !important;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--os-btn-focus-border), transparent 70%);
}

/* إصلاح الإكمال التلقائي */
body.os-dark .shz-us-wrap input:-webkit-autofill{
  -webkit-text-fill-color: var(--os-dark-text) !important;
  box-shadow: 0 0 0 1000px var(--os-dark-card) inset !important;
  caret-color: var(--os-dark-text);
}

/* الأزرار — ساكن: نص/إطار --os-btn-border + خلفية --os-btn-bg
   باقي الحالات: نص/إطار --os-btn-focus-border + نفس الخلفية */
body.os-dark .shz-us-wrap .button,
body.os-dark .shz-us-wrap .wp-element-button,
body.os-dark .shz-us-wrap .shz-us-btn,
body.os-dark .shz-us-wrap .shz-lp-btn,
body.os-dark .shz-us-wrap .shz-btn,
body.os-dark .shz-us-wrap .button-primary,
body.os-dark .shz-us-wrap .button-secondary{
  color: var(--os-btn-border) !important;
  background: var(--os-btn-bg) !important;
  border: 1.5px solid var(--os-btn-border) !important;
  border-radius: 8px;
  padding: .6rem 1rem;
  display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none;
  transition: color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
body.os-dark .shz-us-wrap .button:is(:hover,:focus,:active),
body.os-dark .shz-us-wrap .wp-element-button:is(:hover,:focus,:active),
body.os-dark .shz-us-wrap .shz-us-btn:is(:hover,:focus,:active),
body.os-dark .shz-us-wrap .shz-lp-btn:is(:hover,:focus,:active),
body.os-dark .shz-us-wrap .shz-btn:is(:hover,:focus,:active){
  color: var(--os-btn-focus-border) !important;
  border-color: var(--os-btn-focus-border) !important;
  background: var(--os-btn-bg) !important;
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--os-btn-focus-border), white 75%);
}

/* روابط عادية */
body.os-dark .shz-us-wrap a{ color: var(--os-dark-text-soft); }
body.os-dark .shz-us-wrap a:hover{ color: var(--os-dark-text); }

/* مربعات/بطاقات الولاء + العناصر المشابهة */
body.os-dark .shz-us-wrap .shz-lp-box,
body.os-dark .shz-us-wrap .shz-lp-card,
body.os-dark .shz-us-wrap .shz-lp-card-head,
body.os-dark .shz-us-wrap .shz-wl-panel,
body.os-dark .shz-us-wrap .shz-wl-lists .row,
body.os-dark .shz-us-wrap .shz-wl-sharebar{
  background: var(--os-dark-card) !important;
  color: var(--os-dark-text);
  border-radius: 10px;
}

/* قطع inline فاتحة مثل #fafafa / #eee */
body.os-dark .shz-us-wrap [style*="background:#fafafa"]{
  background: var(--os-dark-card) !important; color: var(--os-dark-text) !important;
}
body.os-dark .shz-us-wrap [style*="border:1px dashed #eee"],
body.os-dark .shz-us-wrap [style*="border:1px solid #eee"],
body.os-dark .shz-us-wrap [style*="border: 1px solid #eee"]{
  border-color: var(--os-btn-border) !important;
}

/* شريط المشاركة/الأيقونات */
body.os-dark .shz-us-wrap .shz-lp-share-item{ color: var(--os-dark-text-soft); }
body.os-dark .shz-us-wrap .shz-lp-share-item:hover{ color: var(--os-dark-text); }
body.os-dark .shz-us-wrap .shz-lp-share-item svg{ fill: currentColor; }

/* شارات الحالة */
body.os-dark .shz-us-wrap .shz-status-badge,
body.os-dark .shz-us-wrap .shzac-status-badge{
  color: var(--os-dark-text);
  background: transparent;
  border: 1px solid var(--os-btn-border);
  border-radius: 999px;
  padding: .15em .6em;
}

/* جداول — فواتير وتتبع الطلب */
body.os-dark .shz-us-wrap .shazar-table,
body.os-dark .shz-us-wrap .shz-wl-panel .shz-wl-list-header,
body.os-dark .shz-us-wrap .shzac-table{
  color: var(--os-dark-text);
  border-color: var(--os-btn-border);
}
body.os-dark .shz-us-wrap .shazar-table th,
body.os-dark .shz-us-wrap .shazar-table td,
body.os-dark .shz-us-wrap .shzac-table .shzac-cell,
body.os-dark .shz-us-wrap .shzac-thead .shzac-col{
  border-color: var(--os-btn-border);
}
body.os-dark .shz-us-wrap .shazar-table thead th,
body.os-dark .shz-us-wrap .shzac-thead .shzac-col{
  background: var(--os-dark-card);
}

/* مودال عرض الفاتورة داخل الحساب */
body.os-dark #shzac-invoice-modal{ background: rgba(0,0,0,.6) !important; }
body.os-dark #shzac-invoice-modal .shazar-invoice-wrap{
  background: var(--os-dark-bg) !important;
  color: var(--os-dark-text);
  border: 1px solid var(--os-btn-border);
}
body.os-dark #shzac-invoice-close{ color: var(--os-dark-text-soft); }

/* Checkbox / Radio داخل لوحة الفواتير وغيرها */
@supports (accent-color: auto){
  body.os-dark .shz-us-wrap input[type="checkbox"],
  body.os-dark .shz-us-wrap input[type="radio"]{ accent-color: var(--os-btn-border); }
}
@supports not (accent-color: auto){
  body.os-dark .shz-us-wrap input[type="checkbox"]{
    -webkit-appearance: none; appearance: none;
    inline-size: 1.05em; block-size: 1.05em;
    border: 1.5px solid var(--os-btn-border); background: var(--os-dark-card);
    border-radius: 4px; position: relative; vertical-align: -2px; cursor: pointer;
  }
  body.os-dark .shz-us-wrap input[type="checkbox"]:checked::after{
    content:""; position:absolute; inset:2px; background: var(--os-btn-border);
  }
  /* (اختياري) راديو fallback بنفس أسلوبك السابق */
  body.os-dark .shz-us-wrap input[type="radio"]{
    -webkit-appearance: none; appearance: none;
    inline-size: 1.1em; block-size: 1.1em; border-radius: 50%;
    border: 1.5px solid var(--os-btn-border); background: var(--os-dark-card);
    vertical-align: -2px; position: relative; cursor: pointer;
  }
  body.os-dark .shz-us-wrap input[type="radio"]:checked::after{
    content:""; position:absolute; inset:3px; border-radius:50%; background: var(--os-btn-border);
  }
}

/* صندوق الرسائل العامة داخل الحساب */
body.os-dark .shz-us-wrap .shz-us-msg:empty{ display:none; }
body.os-dark .shz-us-wrap .shz-us-msg:not(:empty){
  display:block; background: var(--os-dark-card);
  color: var(--os-dark-text); border: 1px solid var(--os-dark-text-soft);
  border-radius: 10px; padding: 10px 12px; margin-top: 12px;
}

/* إزالة ظلال متضاربة inline */
body.os-dark .shz-us-wrap [style*="box-shadow"]{ box-shadow: none !important; }


























/* ================================
   تعبئة خلفيات البطاقات بالكامل — وضع داكن
   ================================ */
body.os-dark .shz-us-wrap {
  background: var(--os-dark-bg);
  color: var(--os-dark-text);
}

/* --- بطاقات نقاط الولاء / الصناديق --- */
body.os-dark .shz-us-wrap .shz-lp-box,
body.os-dark .shz-us-wrap .shz-lp-box > *,
body.os-dark .shz-us-wrap .shz-lp-card,
body.os-dark .shz-us-wrap .shz-lp-card-head,
body.os-dark .shz-us-wrap .shz-lp-card-row,
body.os-dark .shz-us-wrap .shz-lp-actions,
body.os-dark .shz-us-wrap .shz-lp-ref,
body.os-dark .shz-us-wrap .shz-lp-ref-head,
body.os-dark .shz-us-wrap .shz-lp-ref-row,
body.os-dark .shz-us-wrap .shz-lp-ref-actions,
body.os-dark .shz-us-wrap .shz-lp-share-list {
  background: var(--os-dark-card) !important;
}

/* عناصر داخلية قد تحمل خلفية افتراضية فاتحة */
body.os-dark .shz-us-wrap .shz-lp-card .lbl,
body.os-dark .shz-us-wrap .shz-lp-card .val,
body.os-dark .shz-us-wrap .shz-lp-card .shz-lp-points,
body.os-dark .shz-us-wrap .shz-lp-card .shz-lp-card-date {
  background: var(--os-dark-card) !important;
}

/* --- إدارة قوائم الرغبات / اللوحات الجانبية --- */
body.os-dark .shz-us-wrap .shz-wl-compact-inner,
body.os-dark .shz-us-wrap .shz-wl-managed,
body.os-dark .shz-us-wrap .shz-wl-manage,
body.os-dark .shz-us-wrap .shz-wl-lists,
body.os-dark .shz-us-wrap .shz-wl-lists .head,
body.os-dark .shz-us-wrap .shz-wl-lists .row,
body.os-dark .shz-us-wrap .shz-wl-panel,
body.os-dark .shz-us-wrap .shz-wl-list-header,
body.os-dark .shz-us-wrap .shz-wl-sharebar,
body.os-dark .shz-us-wrap .shz-wl-sharebar-row {
  background: var(--os-dark-card) !important;
}

/* فقرة التنبيه الفاتحة داخل لوحة الرغبات */
body.os-dark .shz-us-wrap [style*="background:#fafafa"],
body.os-dark .shz-us-wrap [style*="background: #fafafa"],
body.os-dark .shz-us-wrap [style*="background:#fff"],
body.os-dark .shz-us-wrap [style*="background: #fff"]{
  background: var(--os-dark-card) !important;
}

/* --- جدول الفواتير المدمج (الشورتكود) --- */
body.os-dark .shz-us-wrap .shzac-user-invoices .shzac-head,
body.os-dark .shz-us-wrap .shzac-user-invoices .shzac-table-wrap,
body.os-dark .shz-us-wrap .shzac-user-invoices .shzac-table,
body.os-dark .shz-us-wrap .shzac-user-invoices .shzac-row,
body.os-dark .shz-us-wrap .shzac-user-invoices .shzac-col,
body.os-dark .shz-us-wrap .shzac-user-invoices .shzac-cell,
body.os-dark .shz-us-wrap .shzac-user-invoices .shzac-actions-bar,
body.os-dark .shz-us-wrap .shzac-user-invoices .shzac-hidden-toggle-wrap,
body.os-dark .shz-us-wrap .shzac-user-invoices .shzac-hidden-panel,
body.os-dark .shz-us-wrap .shzac-user-invoices .shzac-hidden-item {
  background: var(--os-dark-card) !important;
}

/* رؤوس/خلايا الجدول لضمان الامتلاء الكامل */
body.os-dark .shz-us-wrap .shzac-user-invoices thead th,
body.os-dark .shz-us-wrap .shzac-user-invoices tbody td,
body.os-dark .shz-us-wrap .shzac-user-invoices tfoot td {
  background: var(--os-dark-card) !important;
}

/* مودال عرض الفاتورة داخل الحساب */
body.os-dark #shzac-invoice-modal .shazar-invoice-wrap{
  background: var(--os-dark-bg) !important;
}

/* --- تتبع الطلب داخل الحساب --- */
body.os-dark .shz-us-wrap .shazar-user-tracking,
body.os-dark .shz-us-wrap .shazar-user-tracking .shazar-table,
body.os-dark .shz-us-wrap .shazar-user-tracking thead,
body.os-dark .shz-us-wrap .shazar-user-tracking thead th,
body.os-dark .shz-us-wrap .shazar-user-tracking tbody tr,
body.os-dark .shz-us-wrap .shazar-user-tracking td {
  background: var(--os-dark-card) !important;
}

/* --- الأكورديون: العنوان + المحتوى --- */
body.os-dark .shz-us-accordion summary,
body.os-dark .shz-us-accordion .content{
  background: var(--os-dark-card) !important;
}

/* ملاحظة مهمّة: لا نغيّر خلفيات الأزرار والحقول هنا */
body.os-dark .shz-us-wrap :is(button,.button,.shz-btn,.shz-us-btn,.shz-lp-btn,
                               input,select,textarea) {
  /* تُدار ألوانها بقواعدك المخصصة للأزرار/الحقول */
}

/* خلفية الصفحة كلها لهذه الصفحة فقط (يتطلّب دعم :has في المتصفح) */
body.os-dark:has(.elementor-element-79db6ca5){
  background: var(--os-dark-bg) !important;
}

/* تأكيد تعبئة خلفية السكشن نفسه (بدون التأثير على البطاقات الداخلية) */
body.os-dark .elementor-element-79db6ca5{
  background-color: var(--os-dark-bg) !important;
}

/* في حال كان هناك Elementor Background Overlay */
body.os-dark .elementor-element-79db6ca5 > .elementor-background-overlay{
  background-color: var(--os-dark-bg) !important;
  opacity: 1 !important;
}


/* قيَم افتراضية عند اللزوم (يمكنك إزالتها إن كانت معرّفة مسبقًا) */
:root{
  --os-dark-bg:    #0f1115;
  --os-dark-card:  #151821;
  --os-dark-text:  #eef2f6;
  --os-dark-muted: #9aa4b2;
  --os-dark-border:#2a3040;
  --os-dark-accent:#60e7ff;   /* لون روابط/سعر الخصم والأزرار الأساسية */
}

/* نطاق الوضع الداكن — غيّر المحدد حسب كلاس/سِمة الوضع لديك */
body.os-dark {
  background-color: var(--os-dark-bg);
  color: var(--os-dark-text);
}

/* ===== لوحة الرغبات كاملة ===== */
body.os-dark .shz-wl-panel{
  /* نمرّر متغير لون الأسعار داخل اللوحة ليتخطّى اللون المضمّن */
  --osc-main-color: var(--os-dark-accent);
  color: var(--os-dark-text);
}

/* الهيدر العلوي للّوحة */
body.os-dark .shz-wl-panel .shz-wl-list-header{
  background: var(--os-dark-card);
  border: 1px solid var(--os-dark-border);
  border-radius: 12px;
  padding: .75rem 1rem;
}


/* حاوية الجدول */
body.os-dark .shz-wl-table-wrap{
  background: var(--os-dark-card);
  border: 1px solid var(--os-dark-border);
  border-radius: 12px;
}

/* الجدول */
body.os-dark .shz-wl{
  width: 100%;
  color: var(--os-dark-text);
  border-collapse: separate;
  border-spacing: 0;
}

body.os-dark .shz-wl thead tr{
  background: color-mix(in hsl, var(--os-dark-card) 92%, black 8%);
}
body.os-dark .shz-wl thead th{
  color: var(--os-dark-muted);
  border-bottom: 1px solid var(--os-dark-border);
  padding: .75rem .6rem;
  text-align: center;
}

/* صفوف الجسم */
body.os-dark .shz-wl tbody tr{
  border-top: 1px solid var(--os-dark-border);
}
body.os-dark .shz-wl tbody tr:nth-child(odd){
  background: color-mix(in hsl, var(--os-dark-card) 94%, black 6%);
}
body.os-dark .shz-wl td{
  border-top: 1px solid var(--os-dark-border);
  padding: .6rem;
  vertical-align: middle;
}

/* الصور */
body.os-dark .shz-wl-thumb-link{ outline-offset: 3px; }
body.os-dark .shz-wl-thumb{ border-radius: 10px; }

/* عناوين المنتجات والروابط */
body.os-dark .shz-wl-title{
  color: var(--os-dark-accent);
  text-decoration: none;
}
body.os-dark .shz-wl-title:hover{ text-decoration: underline; }

/* الأسعار:
   - سعر الخصم يعتمد على --osc-main-color التي مرّرناها أعلى اللوحة
   - السعر المشطوب يصبح بلون باهت */
body.os-dark .shz-price-sale .os-main-price{
  color: var(--os-dark-accent) !important;
}
body.os-dark .shz-price-regular .os-main-price{
  color: var(--os-dark-muted) !important;
  text-decoration-color: var(--os-dark-border);
}

/* الحقول (الكمية) */
body.os-dark .shz-wl-qty{
  background: var(--os-dark-bg);
  color: var(--os-dark-text);
  border: 1px solid var(--os-dark-border);
  border-radius: 6px;
}
body.os-dark .shz-wl-qty:focus{
  outline: 2px solid color-mix(in hsl, var(--os-dark-accent) 40%, transparent);
  outline-offset: 1px;
}

/* القائمة المنسدلة "إلى قائمة" + تعبئة الفاصل بجانب السهم */
body.os-dark .shz-wl-move-select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-color: var(--os-dark-bg) !important;
  color: var(--os-dark-text) !important;
  border: 1px solid var(--os-dark-border) !important;
  border-radius: 10px;
  /* خط الفاصل بجانب السهم + السهم */
  background-image:
    linear-gradient(var(--os-dark-border), var(--os-dark-border)),
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='%23cfd8e3' d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat, no-repeat;
  background-size: 1px 60%, 14px 14px;
  background-position: calc(100% - 2.1rem) center, calc(100% - .7rem) center;
}
body.os-dark .shz-wl-move-select:focus{
  outline: 2px solid color-mix(in hsl, var(--os-dark-accent) 40%, transparent);
  outline-offset: 1px;
}
body.os-dark .shz-wl-move-select::-ms-expand{ display:none; }
body.os-dark .shz-wl-move-select option{
  background: var(--os-dark-card);
  color: var(--os-dark-text);
}

/* الأزرار داخل الجدول */
body.os-dark .shz-wl-actions .button{
  background: color-mix(in hsl, var(--os-dark-card) 85%, black 15%);
  color: var(--os-dark-text);
  border: 1px solid var(--os-dark-border);
  border-radius: 6px;
}
body.os-dark .shz-wl-actions .button:hover{
  background: color-mix(in hsl, var(--os-dark-card) 75%, black 25%);
}
body.os-dark .shz-wl-actions .button-primary{
  background: var(--os-dark-accent);
  color: #061319;
  border-color: color-mix(in hsl, var(--os-dark-accent) 50%, #000);
}
body.os-dark .shz-wl-actions .button-primary:hover{
  filter: brightness(.95);
}

/* ===== شريط المشاركة ===== */
body.os-dark .shz-wl-sharebar{
  background: var(--os-dark-card);
  border: 1px solid var(--os-dark-border);
  border-radius: 12px;
  padding: .9rem;
  margin-top: .9rem;
}
body.os-dark .shz-wl-sharebar-label{ color: var(--os-dark-muted); }

body.os-dark .shz-wl-share-input{
  background: var(--os-dark-bg);
  color: var(--os-dark-text);
  border: 1px solid var(--os-dark-border);
  border-radius: 10px;
  padding: .55rem .7rem;
}
body.os-dark .shz-btn,
body.os-dark .shz-wl-small{
  background: color-mix(in hsl, var(--os-dark-card) 85%, black 15%);
  color: var(--os-dark-text);
  border: 1px solid var(--os-dark-border);
  border-radius: 10px !important;
}
body.os-dark .shz-btn:hover,
body.os-dark .shz-wl-small:hover{
  background: color-mix(in hsl, var(--os-dark-card) 75%, black 25%);
}

/* نصوص مساعدة */
body.os-dark small,
body.os-dark .shz-wl-share-hint{
  color: var(--os-dark-muted);
}
/* إلغاء التعريق وجعل كل الصفوف بنفس الخلفية */
body.os-dark .shz-wl tbody tr,
body.os-dark .shz-wl tbody tr:nth-child(odd),
body.os-dark .shz-wl tbody tr:nth-child(even){
  background: color-mix(in hsl, var(--os-dark-card) 94%, black 6%) !important;
}

/* (اختياري) لو تحب تلوّن الخلايا نفسها بدل الصف بالكامل */
body.os-dark .shz-wl tbody td{
  background: color-mix(in hsl, var(--os-dark-card) 94%, black 6%) !important;
  background-clip: padding-box;
}




























/* خلفية الحاوية */
.os-dark .shz-wl-wrap{
  background: var(--os-dark-bg);
  color: var(--os-dark-text);
}

/* ===================== الجدول ===================== */
.os-dark .shz-wl-wrap .shz-wl{
  width:100%;
  background: var(--os-dark-bg);
  border:1px solid var( --os-dark-card);
  border-radius:14px;
}
.os-dark .shz-wl-wrap .shz-wl thead th{
  background: var(--shz-head);
  color: var(--shz-muted);
  border-bottom:1px solid var(--shz-border);
}

/* تعبئة صفوف وخلايا بالكامل */
.os-dark .shz-wl-wrap .shz-wl tbody tr{
  background: var(--os-dark-bg);
}
.os-dark .shz-wl-wrap .shz-wl tbody tr:hover{
  background: var(--os-dark-bg);
}
.os-dark .shz-wl-wrap .shz-wl tbody tr + tr td{
  border-top:1px solid var( --os-dark-card);
}
.os-dark .shz-wl-wrap .shz-wl td{
  background: inherit;
  color: var(--os-dark-text);
}

/* الصورة المصغرة */
.os-dark .shz-wl-wrap .shz-wl-thumb{
  border-radius:10px;
  background:  var(--os-dark-bg);
}

/* حالة المخزون */
.os-dark .shz-wl-wrap .shz-wl-cell-stock.in{ color: var(--shz-success); }
.os-dark .shz-wl-wrap .shz-wl-cell-stock.out,
.os-dark .shz-wl-wrap .shz-wl-cell-stock.out-of-stock{ color: var(--shz-danger); }

/* الأسعار (محترمة للـ --osc-main-color) */
.os-dark .shz-wl-wrap .os-main-price{ color: var(--osc-main-color); font-weight:700; }
.os-dark .shz-wl-wrap .shz-price-regular del{ opacity:.7; }

/* حقل الكمية */
.os-dark .shz-wl-wrap .shz-wl-qty{
  background:  var(--os-dark-bg) !important;
  color: var(--os-dark-text)!important;
  border:1px solid var( --os-dark-text-soft)!important;
  border-radius:10px;
}
.os-dark .shz-wl-wrap .shz-wl-qty::placeholder{ color: var( --os-dark-text-soft); }

/* ===================== الأزرار (داخل الشز فقط) ===================== */
.os-dark .shz-wl-wrap .button,
.os-dark .shz-wl-wrap .shz-btn{
  background: transparent;
  color: var( --os-dark-text-soft)!important;
  border:1px solid var( --os-dark-text-soft)!important;
  border-radius:8px !important;
}
.os-dark .shz-wl-wrap .button-primary,
.os-dark .shz-wl-wrap .shz-btn.button-primary{
  background: var(--os-accent);
  color: var(--os-accent);
  border-color: transparent;
}
.os-dark .shz-wl-wrap .button:hover,
.os-dark .shz-wl-wrap .shz-btn:hover{
  border-color:  var(--os-accent) !important;
  color:  var(--os-accent) !important;
}
.os-dark .shz-wl-wrap .shz-wl-remove{
  color: var(--shz-danger) !important;
  border-color: rgba(248,113,113,.5);
}
.os-dark .shz-wl-wrap .shz-wl-remove:hover{
  background: rgba(248,113,113,.12);
}

/* ===================== شريط المشاركة ===================== */
.os-dark .shz-wl-wrap .shz-wl-sharebar{
  background: var(--os-dark-bg) !important;
  border:1px solid var( --os-dark-text-soft)!important;
  border-radius:14px;
}
.os-dark .shz-wl-wrap .shz-wl-sharebar-label{ color: var(--os-dark-text)!important; }
.os-dark .shz-wl-wrap .shz-wl-share-input{
  background:  var(--os-dark-bg) !important;
  border:1px solid var( --os-dark-text-soft)!important;
  color: var( --os-dark-text-soft)!important;
  border-radius:8px;
}
.os-dark .shz-wl-wrap .shz-wl-share-hint{ color:var(--os-dark-text)!important; }

/* ===================== إدارة القوائم ===================== */
.os-dark .shz-wl-wrap .shz-wl-manage-block{
  background: var(--os-dark-bg) !important;
  border:1px solid var( --os-dark-text-soft)!important;
  border-radius:14px;
}
.os-dark .shz-wl-wrap .shz-wl-manage-panel{
  background: var(--os-dark-bg) !important;
  border-top:1px solid var( --os-dark-text-soft)!important;
  border-radius:0 0 14px 14px;
}
.os-dark .shz-wl-wrap .shz-wl-lists .head{
  background: var(--os-dark-bg) !important;
  border:1px solid var( --os-dark-text-soft)!important;
  border-radius:12px;
}
.os-dark .shz-wl-wrap .shz-wl-lists .head strong{ color:var( --os-dark-text)!important; }

.os-dark .shz-wl-wrap .shz-wl-lists .row{
  background:  var(--os-dark-card) !important;
  border:1px solid var( --os-dark-text-soft)!important;
  border-radius:12px;
}
.os-dark .shz-wl-wrap .shz-wl-lists .row + .row{ margin-top:6px; }
.os-dark .shz-wl-wrap .shz-wl-lists .row.active{
  background:var(--os-dark-bg) !important;
  border-color: var( --os-dark-text-soft)!important;
}
.os-dark .shz-wl-wrap .shz-wl-lists .row .name{ color:var( --os-dark-text-soft)!important; }
.os-dark .shz-wl-wrap .shz-wl-rename{ color: var(--os-accent); }
.os-dark .shz-wl-wrap .shz-wl-delete{ color: var(--shz-danger); }

/* ترويسة لوحة التفاصيل */
.os-dark .shz-wl-wrap .shz-wl-list-header{
  background: var(--os-dark-bg) !important;
  border:1px solid var( --os-dark-text-soft)!important;
  border-radius:12px;
}
.os-dark .shz-wl-wrap .shz-wl-list-header .name{ color: var( --os-dark-text)!important; }
.os-dark .shz-wl-wrap .shz-wl-mini .icon{ color: var(--os-accent); }
.os-dark .shz-wl-wrap .shz-wl-mini .count{ color: var( --os-dark-text)!important; }

/* الرسالة الفارغة (تجاوز inline الفاتح) */
.os-dark .shz-wl-wrap .shz-wl-panel p,
.os-dark .shz-wl-wrap .shz-wl-panel p[style*="#fafafa"],
.os-dark .shz-wl-wrap .shz-wl-panel p[style*="#eee"]{
  background: var(--os-dark-bg) !important;
  border-color: var( --os-dark-text-soft)!important;
  color:  var(--os-dark-card);
}






/* === OS Dark — Wishlist page backgrounds via --os-btn-bg (ADD) === */

/* 1) خلفيات الكروت والأوعية */
body.os-dark .shz-wl-manage-block,
body.os-dark .shz-wl-manage-panel,
body.os-dark .shz-wl-manage,
body.os-dark .shz-wl-lists,
body.os-dark .shz-wl-lists .head,
body.os-dark .shz-wl-lists .row,
body.os-dark .shz-wl-lists .prefs,
body.os-dark .shz-wl-panel,
body.os-dark .shz-wl-list-header,
body.os-dark .shz-wl-mini,
body.os-dark .shz-wl-sharebar,
body.os-dark .shz-wl-sharebar-row,
body.os-dark .shz-wl-gate__card {
  background: var(--os-btn-bg) !important; /* طبق الخلفية المطلوبة */
}

/* 2) الخانات (المدخلات والاختيارات والنصوص المتعددة) */
body.os-dark .shz-wl-share-input,
body.os-dark input[type="text"],
body.os-dark input[type="search"],
body.os-dark input[type="number"],
body.os-dark input[type="email"],
body.os-dark input[type="url"],
body.os-dark select,
body.os-dark textarea {
  background: var(--os-btn-bg) !important; /* طبق الخلفية المطلوبة للخانات */
}

/* 3) فقرات التحذير/الرسائل ذات الستايل المضمّن (inline style) */
body.os-dark p[style*="background"] {
  background: var(--os-btn-bg) !important; /* يتغلب على الـ inline style */
}

/* OS Dark — نص الفقرة ذات الخلفية المضمّنة */
body.os-dark .shz-wl-panel p[style*="background"],
body.os-dark .shz-wl-manage-block p[style*="background"]{
  color: var(--os-dark-text) !important;
}





/* ========== OS Dark — Add-to-Cart (Custom Lists) — STATIC ONLY (REPLACE) ========== */
/* Static: --os-btn-text | يتغلب على قواعد :link/:visited والقواعد القديمة ذات !important */

body.os-dark .shz-carousel ul.products li.product a.button.add_to_cart_button.ajax_add_to_cart:where(:link, :visited):not(:hover):not(:focus):not(:active):not(.loading):not(.added),
body.os-dark .shz-carousel ul.products li.product a.button.product_type_simple:where(:link, :visited):not(:hover):not(:focus):not(:active):not(.loading):not(.added),
body.os-dark .shz-carousel ul.products li.product a.button.product_type_variable:where(:link, :visited):not(:hover):not(:focus):not(:active):not(.loading):not(.added),
/* تغطية بعض ثيمات ووردبريس/ووكومرس */
body.os-dark .shz-carousel ul.products li.product a.button.wp-element-button:where(:link, :visited):not(:hover):not(:focus):not(:active):not(.loading):not(.added),
body.os-dark .shz-carousel ul.products li.product a.button.alt:where(:link, :visited):not(:hover):not(:focus):not(:active):not(.loading):not(.added) {
  color: var(--os-btn-text) !important;
  border-color: var(--os-btn-text) !important;
  border-style: solid !important;
  border-width: 2px !important;
  background: transparent !important;       /* لضمان عدم تغليب خلفية صلبة */
  outline: none !important;
  /* لو في أيقونة داخل الزر */
  svg, .wc-forward, .added_to_cart { color: inherit !important; fill: currentColor !important; stroke: currentColor !important; }
}


/* حالات التفاعل: hover / focus / focus-visible / active + حالات ووكومرس */
body.os-dark .shz-carousel ul.products li.product a.button.add_to_cart_button:hover,
body.os-dark .shz-carousel ul.products li.product a.button.add_to_cart_button:focus,
body.os-dark .shz-carousel ul.products li.product a.button.add_to_cart_button:focus-visible,
body.os-dark .shz-carousel ul.products li.product a.button.add_to_cart_button:active,
body.os-dark .shz-carousel ul.products li.product a.button.add_to_cart_button.loading,
body.os-dark .shz-carousel ul.products li.product a.button.add_to_cart_button.added,
body.os-dark .shz-carousel ul.products li.product a.button.product_type_simple:hover,
body.os-dark .shz-carousel ul.products li.product a.button.product_type_simple:focus,
body.os-dark .shz-carousel ul.products li.product a.button.product_type_simple:focus-visible,
body.os-dark .shz-carousel ul.products li.product a.button.product_type_simple:active,
body.os-dark .shz-carousel ul.products li.product a.button.product_type_variable:hover,
body.os-dark .shz-carousel ul.products li.product a.button.product_type_variable:focus,
body.os-dark .shz-carousel ul.products li.product a.button.product_type_variable:focus-visible,
body.os-dark .shz-carousel ul.products li.product a.button.product_type_variable:active {
  /* نص الزر والإطار في باقي الأوضاع */
  color: var(--os-btn-focus-text) !important;
  border-color: var(--os-btn-focus-text) !important;
  outline: none !important; /* نتجنب هالات خارجية غير مرغوبة */
}










/* ========== OS Dark — Product Card Buttons (Universal Strong Override) ========== */
/* Static → --os-btn-text | Interactions → --os-btn-focus-text */
/* تعمل على أي شبكة بطائق (القوائم المميّزة، المتجر، Elementor...) */

/* 1) الحالة الساكنة: روابط الأزرار */
body.os-dark a.button.add_to_cart_button:not(:hover):not(:focus):not(:active):not(.loading):not(.added):not(.is-active),
body.os-dark a.button.product_type_simple:not(:hover):not(:focus):not(:active):not(.loading):not(.added):not(.is-active),
body.os-dark a.button.product_type_variable:not(:hover):not(:focus):not(:active):not(.loading):not(.added):not(.is-active),
body.os-dark a.button.wp-element-button:not(:hover):not(:focus):not(:active):not(.loading):not(.added):not(.is-active),
body.os-dark a.button.alt:not(:hover):not(:focus):not(:active):not(.loading):not(.added):not(.is-active) {
  color: var(--os-btn-text) !important;
  border: 2px solid var(--os-btn-text) !important;
  background: transparent !important; /* outline */
  outline: none !important;
  transition:
    color var(--os-blink-dur, .25s) ease,
    border-color var(--os-blink-dur, .25s) ease,
    box-shadow var(--os-blink-dur, .25s) ease !important;
}

/* 1b) الحالة الساكنة: عناصر <button> (لبعض الويدجتات/الإضافات) */
body.os-dark button.button:not(:hover):not(:focus):not(:active):not(.loading):not(.added):not(.is-active),
body.os-dark button.shz-wl-btn.shz-wl-btn--loop:not(:hover):not(:focus):not(:active):not([aria-pressed="true"]) {
  color: var(--os-btn-text) !important;
  border: 2px solid var(--os-btn-text) !important;
  background: transparent !important;
  outline: none !important;
  transition:
    color var(--os-blink-dur, .25s) ease,
    border-color var(--os-blink-dur, .25s) ease,
    box-shadow var(--os-blink-dur, .25s) ease !important;
}

/* ========== OS Dark — Product Card Buttons — INTERACTIVE (STRONG OVERRIDE) ========== */
/* Interactive → --os-btn-focus-text | يتغلب على أغلب الثيمات والإضافات */

/* روابط الأزرار <a> في كل الشبكات (Woo/Astra/Elementor) */
body.os-dark .woocommerce ul.products li.product a.button.add_to_cart_button.add_to_cart_button:is(:hover, :focus, :focus-visible, :active, .loading, .added, .is-active),
body.os-dark .woocommerce ul.products li.product a.button.product_type_simple.product_type_simple:is(:hover, :focus, :focus-visible, :active),
body.os-dark .woocommerce ul.products li.product a.button.product_type_variable.product_type_variable:is(:hover, :focus, :focus-visible, :active),
/* تغطية CFVSW للمتغيرات */
body.os-dark .woocommerce ul.products li.product a.button.product_type_variable.cfvsw_ajax_add_to_cart:is(:hover, :focus, :focus-visible, :active),
/* أزرار ووردبريس الشائعة */
body.os-dark .woocommerce ul.products li.product a.button.wp-element-button.wp-element-button:is(:hover, :focus, :focus-visible, :active),
body.os-dark .woocommerce ul.products li.product a.button.alt.alt:is(:hover, :focus, :focus-visible, :active),

/* نفس الشيء بدون شرط وجود .woocommerce تحسبًا للبُنى المختلفة (Elementor/قوائم مخصصة) */
body.os-dark ul.products li.product a.button.add_to_cart_button.add_to_cart_button:is(:hover, :focus, :focus-visible, :active, .loading, .added, .is-active),
body.os-dark ul.products li.product a.button.product_type_simple.product_type_simple:is(:hover, :focus, :focus-visible, :active),
body.os-dark ul.products li.product a.button.product_type_variable.product_type_variable:is(:hover, :focus, :focus-visible, :active),
body.os-dark ul.products li.product a.button.product_type_variable.cfvsw_ajax_add_to_cart:is(:hover, :focus, :focus-visible, :active),
body.os-dark ul.products li.product a.button.wp-element-button.wp-element-button:is(:hover, :focus, :focus-visible, :active),
body.os-dark ul.products li.product a.button.alt.alt:is(:hover, :focus, :focus-visible, :active),

/* عناصر <button> (لبعض الويدجتات) + زر الرغبات في اللوب */
body.os-dark .woocommerce ul.products li.product button.button.button:is(:hover, :focus, :focus-visible, :active, .loading, .added, .is-active),
body.os-dark ul.products li.product button.button.button:is(:hover, :focus, :focus-visible, :active, .loading, .added, .is-active),
body.os-dark button.shz-wl-btn.shz-wl-btn--loop.shz-wl-btn--loop:is(:hover, :focus, :focus-visible, :active),
body.os-dark button.shz-wl-btn.shz-wl-btn--loop[aria-pressed="true"],
/* رابط Woo بعد الإضافة */
body.os-dark a.added_to_cart.wc-forward.wc-forward {
  color: var(--os-btn-focus-text) !important;
  border-color: var(--os-btn-focus-text) !important;
  outline: none !important;
  box-shadow: var(--os-focus-ring-accent, var(--os-focus-ring, 0 0 0 3px rgba(178,144,95,.35))) !important;
  animation: os-accent-blink var(--os-blink-dur, .25s) ease-out 1 !important;
}

/* أيقونات/نصوص داخل الزر — حالات التفاعل (بدون nesting) */
body.os-dark :is(a.button, button.button, button.shz-wl-btn.shz-wl-btn--loop):is(:hover, :focus, :focus-visible, :active, .loading, .added, .is-active)
  :is(svg, svg *, i, .wc-forward, .added_to_cart) {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}














/* ========== OS Dark — CFVSW Label Swatches (text & border) ========== */
/* نقيّد على نوع اللصاقة (Label) كي لا نفسد سواتشات الألوان الحقيقية */

 /* 1) Static — داخل أي بطاقة/قائمة */
body.os-dark .cfvsw-shop-container .cfvsw-swatches-option.cfvsw-label-option {
  color: var(--os-btn-text) !important;
  border: 2px solid var(--os-btn-text) !important;
  background: transparent !important;
  outline: none !important;
  transition:
    color var(--os-blink-dur, .25s) ease,
    border-color var(--os-blink-dur, .25s) ease,
    box-shadow var(--os-blink-dur, .25s) ease !important;
}

/* نص اللصاقة داخل السواتش يتبع لون العنصر */
body.os-dark .cfvsw-shop-container .cfvsw-swatches-option.cfvsw-label-option .cfvsw-swatch-inner {
  color: inherit !important;
  background: transparent !important;
}

/* 2) Interactive/Selected — hover/focus/active + حالات الإضافة */
body.os-dark .cfvsw-shop-container
  .cfvsw-swatches-option.cfvsw-label-option:is(:hover, :focus, :active, .selected, .cfvsw-selected, [aria-pressed="true"], [data-selected="true"]) {
  color: var(--os-btn-focus-text) !important;
  border-color: var(--os-btn-focus-text) !important;
  outline: none !important;
  box-shadow: var(--os-focus-ring-accent, var(--os-focus-ring, 0 0 0 3px rgba(178,144,95,.35))) !important;
  animation: os-accent-blink var(--os-blink-dur, .25s) ease-out 1 !important;
}

/* النص الداخلي في حالة التفاعل يبقى موروثًا */
body.os-dark .cfvsw-shop-container
  .cfvsw-swatches-option.cfvsw-label-option:is(:hover, :focus, :active, .selected, .cfvsw-selected, [aria-pressed="true"], [data-selected="true"])
  .cfvsw-swatch-inner {
  color: inherit !important;
  background: transparent !important;
}

/* 3) تغطية داخل القوائم المخصّصة أيضًا (إن وُجدت سواتشات داخل الكروت) */
body.os-dark .shz-carousel .cfvsw-shop-container .cfvsw-swatches-option.cfvsw-label-option {
  color: var(--os-btn-text) !important;
  border-color: var(--os-btn-text) !important;
}
body.os-dark .shz-carousel .cfvsw-shop-container
  .cfvsw-swatches-option.cfvsw-label-option:is(:hover, :focus, :active, .selected, .cfvsw-selected, [aria-pressed="true"], [data-selected="true"]) {
  color: var(--os-btn-focus-text) !important;
  border-color: var(--os-btn-focus-text) !important;
}




/* أنيميشنات */
@keyframes os-fade{ from{opacity:0} to{opacity:1} }
@keyframes os-pulse{ 0%{transform:scale(1)} 50%{transform:scale(1.12)} 100%{transform:scale(1)} }
@keyframes os-rotate{ from{transform:rotate(-30deg)} to{transform:rotate(0)} }
@keyframes os-flip{ from{transform:rotateY(90deg)} to{transform:rotateY(0)} }
@keyframes os-slide{ from{transform:translateX(8px)} to{transform:translateX(0)} }
@keyframes os-bounce{ 0%{transform:translateY(0)} 60%{transform:translateY(-5px)} 100%{transform:translateY(0)} }
@keyframes os-expand{ from{transform:scale(.92); opacity:.8} to{transform:scale(1); opacity:1} }






/* عند تضمين لوحة الإشعارات داخل صندوق الـ Top Bar نجعلها ثابتة وبالعرض الكامل */
#os-sidepanel .os-box .shz-ntf-wrap { display:block; }
#os-sidepanel .os-box .shz-ntf-panel {
  position: static;
  margin-top: 0;
  width: 100%;
  max-height: 60vh;
  overflow: auto;
}