/* =========================================================
   WENBEL STORE — GLOBAL UI V1
   Theme: Raed #2 / 850614449
   ========================================================= */

/* ---------- الهوية ---------- */
:root {
  --wb-bg: #08090d;
  --wb-bg-2: #0d0f14;
  --wb-surface: #11141a;
  --wb-card: #16181f;
  --wb-card-hover: #1b1e27;
  --wb-border: #292e38;

  --wb-text: #f5f5f7;
  --wb-muted: #9298a4;
  --wb-muted-2: #6f7580;

  --wb-red: #dc2626;
  --wb-red-light: #ef4444;
  --wb-red-dark: #b91c1c;

  --wb-radius: 18px;
  --wb-radius-sm: 13px;

  --wb-shadow:
    0 14px 38px rgba(0,0,0,.24);
}


/* =========================================================
   1. الخلفية العامة
   ========================================================= */

html,
body {
  background: var(--wb-bg) !important;
  color: var(--wb-text) !important;
}

body,
.app-inner,
main,
#app,
.page-wrapper,
.page-container {
  background-color: var(--wb-bg) !important;
}

.bg-white {
  background-color: var(--wb-card) !important;
}


/* =========================================================
   2. النصوص
   ========================================================= */

body,
p,
span,
label,
li {
  color: var(--wb-muted);
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.section-title {
  color: var(--wb-text) !important;
}

a {
  transition:
    color .2s ease,
    opacity .2s ease,
    border-color .2s ease,
    background .2s ease;
}


/* =========================================================
   3. الهيدر
   ========================================================= */

header,
.store-header,
.main-nav-container,
.navbar,
.top-navbar,
.header-wrapper {
  background: rgba(8,9,13,.96) !important;
  border-color: var(--wb-border) !important;
}

header a,
.store-header a,
.main-nav-container a {
  color: var(--wb-text) !important;
}

header svg,
.store-header svg {
  color: var(--wb-text);
}

.main-menu,
.main-menu ul,
.sub-menu,
.dropdown-menu {
  background: var(--wb-surface) !important;
  border-color: var(--wb-border) !important;
}

.main-menu li a:hover,
.dropdown-menu a:hover {
  color: #fff !important;
  background: rgba(220,38,38,.10) !important;
}


/* =========================================================
   4. مسار التنقل
   ========================================================= */

.breadcrumb,
.breadcrumbs,
salla-breadcrumb {
  color: var(--wb-muted) !important;
}

.breadcrumb a,
.breadcrumbs a,
salla-breadcrumb a {
  color: var(--wb-muted) !important;
}

.breadcrumb a:hover,
.breadcrumbs a:hover {
  color: var(--wb-red-light) !important;
}


/* =========================================================
   5. صفحات التصنيفات وقائمة المنتجات
   ========================================================= */

.products-container,
.products-list,
.products-grid,
.category-products,
.product-entry,
.s-product-card-entry {
  border-color: var(--wb-border);
}

.s-product-card-entry,
.product-entry,
.product-card {
  background:
    linear-gradient(
      155deg,
      var(--wb-card) 0%,
      #11141a 100%
    ) !important;

  border: 1px solid var(--wb-border) !important;
  border-radius: var(--wb-radius) !important;
  overflow: hidden;

  box-shadow:
    0 10px 28px rgba(0,0,0,.18);

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.s-product-card-entry:hover,
.product-entry:hover,
.product-card:hover {
  transform: translateY(-3px);
  border-color: rgba(239,68,68,.40) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.28);
}


/* صور المنتجات */

.s-product-card-image,
.product-entry .product-image,
.product-card .product-image {
  background:
    radial-gradient(
      circle at 50% 35%,
      #20242e 0%,
      #11141a 70%
    ) !important;
}

.s-product-card-image img,
.product-entry img,
.product-card img {
  object-fit: contain !important;
}


/* أسماء المنتجات */

.s-product-card-name,
.s-product-card-content-title,
.product-entry h3,
.product-entry h4,
.product-card h3,
.product-card h4 {
  color: var(--wb-text) !important;
  font-weight: 800 !important;
  line-height: 1.65 !important;
}


/* السعر */

.s-product-card-price,
.s-product-card-sale-price,
.product-entry .price,
.product-card .price {
  color: var(--wb-red-light) !important;
  font-weight: 900 !important;
}


/* السعر القديم */

.s-product-card-regular-price,
.old-price,
.before-price {
  color: var(--wb-muted-2) !important;
}


/* =========================================================
   6. صفحة المنتج
   ========================================================= */

.product-page,
.product-details,
.product-single,
.product-form {
  color: var(--wb-text);
}

.product-details,
.product-summary,
.product-form,
.product-tabs,
.product-description {
  border-color: var(--wb-border) !important;
}


/* عنوان المنتج */

.product-details h1,
.product-summary h1,
.product-title {
  color: var(--wb-text) !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;
}


/* السعر */

.product-details .price,
.product-summary .price,
.product-price {
  color: var(--wb-red-light) !important;
  font-weight: 900 !important;
}


/* وصف المنتج */

.product-description,
.product-description p,
.product-description li {
  color: #c2c6ce !important;
  line-height: 1.9;
}


/* صور المنتج */

.product-slider,
.product-gallery,
.product-image-container {
  background: var(--wb-surface) !important;
  border-radius: var(--wb-radius) !important;
  border-color: var(--wb-border) !important;
}


/* =========================================================
   7. الأزرار
   ========================================================= */

.s-button-primary,
button[type="submit"],
.add-to-cart,
.btn-primary,
.button-primary {
  background:
    linear-gradient(
      135deg,
      var(--wb-red-dark),
      var(--wb-red-light)
    ) !important;

  color: #fff !important;

  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--wb-radius-sm) !important;

  box-shadow:
    0 8px 22px rgba(220,38,38,.18);

  font-weight: 800 !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    filter .2s ease;
}

.s-button-primary:hover,
button[type="submit"]:hover,
.add-to-cart:hover,
.btn-primary:hover,
.button-primary:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);

  box-shadow:
    0 11px 26px rgba(220,38,38,.27);
}


/* الأزرار الثانوية */

.btn-secondary,
.s-button-outline,
button.secondary {
  background: var(--wb-card) !important;
  color: var(--wb-text) !important;
  border: 1px solid var(--wb-border) !important;
}


/* =========================================================
   8. حقول الإدخال
   ========================================================= */

input,
textarea,
select,
.form-input,
.s-form-control {
  background: #0e1117 !important;
  color: var(--wb-text) !important;

  border: 1px solid var(--wb-border) !important;
  border-radius: 12px !important;

  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #686e79 !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(239,68,68,.65) !important;

  box-shadow:
    0 0 0 3px rgba(220,38,38,.10) !important;

  outline: none !important;
}


/* =========================================================
   9. السلة
   ========================================================= */

.cart,
.cart-page,
.cart-item,
.cart-summary,
.cart-total,
.s-cart-summary {
  border-color: var(--wb-border) !important;
}

.cart-item,
.cart-summary,
.s-cart-summary {
  background: var(--wb-card) !important;
  color: var(--wb-text) !important;
  border-radius: var(--wb-radius) !important;
}

.cart-item h3,
.cart-item h4,
.cart-summary h2,
.cart-summary h3 {
  color: var(--wb-text) !important;
}


/* =========================================================
   10. النوافذ والقوائم
   ========================================================= */

.modal,
.modal-content,
.s-modal-wrapper,
.drawer,
.dropdown-menu {
  background: var(--wb-surface) !important;
  color: var(--wb-text) !important;
  border-color: var(--wb-border) !important;
}


/* =========================================================
   11. الصفحات التعريفية والسياسات
   ========================================================= */

.page-content,
.content-page,
.static-page,
.article-content {
  color: #c5c9d0 !important;
}

.page-content h1,
.page-content h2,
.page-content h3,
.content-page h1,
.content-page h2,
.content-page h3,
.static-page h1,
.static-page h2,
.static-page h3 {
  color: var(--wb-text) !important;
}

.page-content a,
.content-page a,
.static-page a {
  color: var(--wb-red-light);
}


/* =========================================================
   12. الجداول
   ========================================================= */

table {
  background: var(--wb-card);
  color: var(--wb-text);
  border-color: var(--wb-border) !important;
}

table th {
  background: #101319 !important;
  color: var(--wb-text) !important;
}

table td,
table th {
  border-color: var(--wb-border) !important;
}


/* =========================================================
   13. الفواصل
   ========================================================= */

hr {
  border-color: var(--wb-border) !important;
  opacity: 1;
}


/* =========================================================
   14. Scrollbar — Desktop
   ========================================================= */

@media (min-width: 768px) {

  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  ::-webkit-scrollbar-track {
    background: var(--wb-bg);
  }

  ::-webkit-scrollbar-thumb {
    background: #30343e;
    border-radius: 10px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: var(--wb-red);
  }

}


/* =========================================================
   15. تحسين الجوال
   ========================================================= */

@media (max-width: 767px) {

  .s-product-card-entry,
  .product-entry,
  .product-card {
    border-radius: 16px !important;
  }

  .product-details h1,
  .product-summary h1,
  .product-title {
    font-size: 20px !important;
  }

  input,
  textarea,
  select {
    font-size: 16px !important;
  }

}


/* =========================================================
   WENBEL GLOBAL UI V1 — END
   ========================================================= */
/* =====================================================
   WENBEL GLOBAL FOOTER V1
   ===================================================== */

#wenbel-global-footer {
  direction: rtl;
  background: #08090d;
  color: #f5f5f7;
  padding: 42px 18px 24px;
  border-top: 1px solid #242832;
}

#wenbel-global-footer * {
  box-sizing: border-box;
}

.wbgf-inner {
  width: 100%;
  max-width: 1180px;
  margin: auto;
}

.wbgf-brand {
  padding-bottom: 25px;
  border-bottom: 1px solid #242832;
}

.wbgf-brand-name {
  color: #fff;
  font-size: 23px;
  font-weight: 900;
  margin-bottom: 8px;
}

.wbgf-brand p {
  color: #9298a4 !important;
  line-height: 1.9;
  margin: 0;
  max-width: 580px;
}


/* الروابط */

.wbgf-section {
  margin-top: 28px;
}

.wbgf-section h3,
.wbgf-payment h3 {
  color: #fff !important;
  font-size: 17px;
  font-weight: 900;
  margin: 0 0 17px;
}

.wbgf-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px 30px;
}

.wbgf-links a {
  color: #a7acb6 !important;
  text-decoration: none !important;
  font-size: 14px;
}

.wbgf-links a::before {
  content: "•";
  color: #565d69;
  margin-left: 9px;
}

.wbgf-links a:hover {
  color: #fff !important;
}


/* التواصل */

.wbgf-social {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.wbgf-social a {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;

  background: #11141a;
  color: #f5f5f7 !important;

  border: 1px solid #292e38;
  border-radius: 15px;

  font-size: 21px;
  font-weight: 800;

  text-decoration: none !important;
}

.wbgf-social a:hover {
  border-color: #dc2626;
  background: #16181f;
}


/* التوثيق */

.wbgf-trust {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;

  margin-top: 30px;
  padding-top: 25px;

  border-top: 1px solid #242832;
}

.wbgf-trust-card {
  min-height: 112px;

  display: flex;
  align-items: center;
  gap: 14px;

  padding: 16px;

  background: #0d1016;

  border: 1px solid #292e38;
  border-radius: 20px;
}

.wbgf-trust-card strong {
  display: block;
  color: #fff;
  font-size: 14px;
  margin-bottom: 7px;
}

.wbgf-trust-card span {
  color: #8f95a1;
  font-size: 12px;
}


/* سلة */

.wbgf-salla {
  width: 66px;
  height: 66px;
  flex: 0 0 66px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  color: #b9f4e8;

  background: #0a0d12;

  border: 1px solid #303641;
  border-radius: 14px;

  font-size: 19px;
  line-height: 18px;
  font-weight: 900;
}

.wbgf-salla small {
  font-size: 11px;
}


/* العمل الحر */

.wbgf-freelance {
  width: 72px;
  height: 62px;
  flex: 0 0 72px;

  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;

  color: #f5f5f7;

  background: transparent;
  font-size: 15px;
  font-weight: 900;
  line-height: 18px;
}

.wbgf-freelance i {
  width: 43px;
  height: 5px;

  position: absolute;
  left: 2px;
  top: 30px;

  border-radius: 100%;

  background:
    linear-gradient(
      90deg,
      #2ca8bd,
      #397fca
    );

  transform: rotate(-8deg);
}


/* الدفع */

.wbgf-payment {
  margin-top: 30px;
  padding-top: 25px;

  border-top: 1px solid #242832;
}

.wbgf-pay-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 9px;
}

.wbgf-pay {
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;

  background: #11141a;

  border: 1px solid #292e38;
  border-radius: 14px;

  color: #e9edf4 !important;

  font-weight: 900;
}

.wbgf-pay.visa {
  font-size: 18px;
  font-style: italic;
}

.wbgf-pay.mastercard i,
.wbgf-pay.mastercard b {
  width: 22px;
  height: 22px;

  position: absolute;
  top: 7px;

  border-radius: 50%;
}

.wbgf-pay.mastercard i {
  left: calc(50% - 18px);
  background: #df4545;
}

.wbgf-pay.mastercard b {
  left: calc(50% - 4px);
  background: #d99b38;
}

.wbgf-pay.mastercard small {
  position: absolute;
  bottom: 4px;
  font-size: 6px;
}

.wbgf-pay.apple {
  font-size: 15px;
}

.wbgf-pay.mada {
  flex-direction: column;
  line-height: 13px;
}

.wbgf-pay.mada b {
  font-size: 13px;
}

.wbgf-pay.mada small {
  color: #8f95a1;
  font-size: 7px;
}

.wbgf-pay.stc {
  color: #b493d5 !important;
}

.wbgf-pay.stc b {
  color: #64d6b5;
  margin-right: 4px;
}

.wbgf-pay.paypal {
  color: #cadcf5 !important;
  font-style: italic;
}


/* الأسفل */

.wbgf-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;

  margin-top: 32px;
  padding-top: 22px;

  border-top: 1px solid #242832;

  color: #a3a8b1;
  font-size: 12px;
}

.wbgf-status {
  display: flex;
  align-items: center;
  gap: 8px;
}

.wbgf-status i {
  width: 8px;
  height: 8px;

  display: inline-block;

  border-radius: 50%;

  background: #ef4444;

  box-shadow:
    0 0 0 6px rgba(239,68,68,.09);
}


/* الجوال */

@media (max-width: 767px) {

  #wenbel-global-footer {
    padding: 34px 16px 22px;
  }

  .wbgf-brand-name {
    font-size: 20px;
  }

  .wbgf-links {
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
  }

  .wbgf-social a {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }

  .wbgf-trust {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }

  .wbgf-trust-card {
    min-height: 100px;
    padding: 11px;
    gap: 9px;
  }

  .wbgf-salla {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
    font-size: 15px;
  }

  .wbgf-freelance {
    width: 58px;
    flex-basis: 58px;
  }

  .wbgf-trust-card strong {
    font-size: 12px;
  }

  .wbgf-trust-card span {
    font-size: 9px;
  }

  .wbgf-pay-grid {
    grid-template-columns:
      repeat(3, 1fr);
    gap: 7px;
  }

  .wbgf-pay {
    height: 45px;
    border-radius: 12px;
  }

  .wbgf-bottom {
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.8;
  }

}
.wbgf-social a svg {
  width: 25px;
  height: 25px;
  display: block;
  color: #f5f5f7;
}

.wbgf-social a:hover svg {
  color: #fff;
}
/* =========================================================
   WENBEL — PRODUCT PAGE PREMIUM V1
   ========================================================= */

/* ---------- مساحة صفحة المنتج ---------- */

body:has(.product-page),
body:has(.product-details),
body:has(.product-form) {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(220,38,38,.055),
      transparent 32%
    ),
    #08090d !important;
}


/* ---------- الحاوية الرئيسية ---------- */

.product-page,
.product-details,
.product-single {
  color: #f5f5f7 !important;
}


/* ---------- معرض الصور ---------- */

.product-slider,
.product-gallery,
.product-image-container,
salla-slider[type="thumbs"] {
  background:
    linear-gradient(
      145deg,
      #16181f,
      #0e1016
    ) !important;

  border: 1px solid #292e38 !important;
  border-radius: 24px !important;

  overflow: hidden;

  box-shadow:
    0 18px 45px rgba(0,0,0,.22) !important;
}


/* خلفية الصورة */

.product-slider img,
.product-gallery img,
.product-image-container img {
  object-fit: contain !important;
}


/* الصور المصغرة */

.product-gallery .thumbnail,
.product-slider .thumbnail,
salla-slider[type="thumbs"] .swiper-slide {
  background: #11141a !important;

  border: 1px solid #292e38 !important;
  border-radius: 12px !important;

  overflow: hidden;
}

.product-gallery .thumbnail:hover,
.product-slider .thumbnail:hover {
  border-color: rgba(239,68,68,.65) !important;
}


/* ---------- معلومات المنتج ---------- */

.product-summary,
.product-details,
.product-form {
  position: relative;
}


/* عنوان المنتج */

.product-title,
.product-summary h1,
.product-details h1 {
  color: #f5f5f7 !important;

  font-size: clamp(24px,3vw,34px) !important;
  font-weight: 900 !important;

  line-height: 1.55 !important;
  letter-spacing: -.4px;

  margin-bottom: 13px !important;
}


/* ---------- السعر ---------- */

.product-price,
.product-summary .price,
.product-details .price,
salla-product-price {
  color: #ff515c !important;

  font-weight: 900 !important;
}


/* السعر الحالي */

.product-price,
.s-product-card-sale-price {
  font-size: 25px;
}


/* السعر السابق */

.product-summary .old-price,
.product-details .old-price,
.product-summary del,
.product-details del {
  color: #6f7580 !important;
}


/* ---------- منطقة الخيارات والشراء ---------- */

.product-form,
.product-options,
.product-options-wrapper {
  margin-top: 20px;

  padding: 20px !important;

  background:
    linear-gradient(
      145deg,
      #14171e,
      #101218
    ) !important;

  border: 1px solid #292e38 !important;
  border-radius: 20px !important;

  box-shadow:
    0 14px 35px rgba(0,0,0,.16);
}


/* عناوين الخيارات */

.product-form label,
.product-options label,
.product-option label {
  color: #e8eaee !important;

  font-size: 14px;
  font-weight: 800 !important;
}


/* Select */

.product-form select,
.product-options select {
  min-height: 48px;

  background: #0b0e13 !important;

  border: 1px solid #303540 !important;
  border-radius: 13px !important;

  color: #f5f5f7 !important;
}


/* ---------- خيارات المنتج ---------- */

.product-option,
.product-options > div {
  border-color: #292e38 !important;
}


/* radio / checkbox */

.product-form input[type="radio"],
.product-form input[type="checkbox"] {
  accent-color: #dc2626;
}


/* ---------- الكمية ---------- */

salla-quantity-input,
.quantity-input,
.product-quantity {
  background: #0d1016 !important;

  border: 1px solid #292e38 !important;
  border-radius: 13px !important;

  overflow: hidden;
}

salla-quantity-input button,
.quantity-input button {
  color: #f5f5f7 !important;
}


/* ---------- زر الإضافة للسلة ---------- */

.product-form .s-button-primary,
.product-form .add-to-cart,
.product-details .add-to-cart,
salla-add-product-button .s-button-primary {
  min-height: 55px !important;

  background:
    linear-gradient(
      135deg,
      #c91f2a,
      #ef4444
    ) !important;

  border: 0 !important;
  border-radius: 15px !important;

  color: #fff !important;

  font-size: 16px !important;
  font-weight: 900 !important;

  box-shadow:
    0 10px 28px rgba(220,38,38,.23) !important;
}

.product-form .s-button-primary:hover,
.product-form .add-to-cart:hover {
  filter: brightness(1.08);

  box-shadow:
    0 13px 34px rgba(220,38,38,.32) !important;
}


/* ---------- المفضلة والمشاركة ---------- */

.product-summary button:not(.s-button-primary),
.product-details button:not(.s-button-primary) {
  border-color: #292e38;
}


/* ---------- التنبيهات ---------- */

.alert,
.s-alert,
.product-notice {
  background: #11141a !important;

  border: 1px solid #292e38 !important;
  border-radius: 14px !important;

  color: #c7cbd3 !important;
}


/* ---------- الوصف ---------- */

.product-description,
.product-tabs,
.product-details-tabs {
  margin-top: 28px;

  background:
    linear-gradient(
      145deg,
      #14171e,
      #0f1117
    ) !important;

  border: 1px solid #292e38 !important;
  border-radius: 22px !important;

  padding: 22px !important;
}


/* عنوان الوصف */

.product-description h2,
.product-description h3,
.product-tabs h2,
.product-tabs h3 {
  color: #f5f5f7 !important;

  font-weight: 900 !important;
}


/* نص الوصف */

.product-description p,
.product-description li,
.product-description span {
  color: #b6bbc5 !important;

  line-height: 1.95 !important;
}


/* الروابط داخل الوصف */

.product-description a {
  color: #ff5963 !important;

  text-decoration: none;
}


/* ---------- جداول وصف المنتج ---------- */

.product-description table {
  width: 100%;

  background: #0d1016 !important;

  border: 1px solid #292e38 !important;
  border-radius: 14px;

  overflow: hidden;
}

.product-description td,
.product-description th {
  padding: 12px;

  border-color: #292e38 !important;
}

.product-description th {
  color: #fff !important;
}


/* ---------- المنتجات المقترحة ---------- */

.similar-products,
.related-products,
.products-slider {
  margin-top: 35px;
}

.similar-products h2,
.related-products h2,
.products-slider h2 {
  color: #f5f5f7 !important;

  font-weight: 900 !important;
}


/* ---------- Sticky Add to Cart ---------- */

.sticky-product-bar,
.sticky-add-to-cart {
  background: rgba(13,15,20,.96) !important;

  border-top: 1px solid #292e38 !important;

  backdrop-filter: blur(14px);
}


/* =========================================================
   PRODUCT PAGE — MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .product-slider,
  .product-gallery,
  .product-image-container,
  salla-slider[type="thumbs"] {
    border-radius: 19px !important;
  }


  .product-title,
  .product-summary h1,
  .product-details h1 {
    font-size: 22px !important;

    line-height: 1.55 !important;
  }


  .product-form,
  .product-options,
  .product-options-wrapper {
    padding: 15px !important;

    border-radius: 17px !important;
  }


  .product-description,
  .product-tabs,
  .product-details-tabs {
    padding: 17px !important;

    border-radius: 18px !important;
  }


  .product-form .s-button-primary,
  .product-form .add-to-cart,
  salla-add-product-button .s-button-primary {
    min-height: 52px !important;

    border-radius: 14px !important;
  }

}


/* =========================================================
   WENBEL PRODUCT PAGE PREMIUM V1 — END
   ========================================================= */
/* =========================================================
   WENBEL — PRODUCT TRUST BAR
   ========================================================= */

#wenbel-product-trust {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;

  width: 100%;
  margin: 18px 0 20px;
}

.wb-product-stat {
  min-height: 72px;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;

  padding: 13px 15px;

  background:
    linear-gradient(
      145deg,
      #16191f,
      #101319
    );

  border: 1px solid #292e38;
  border-radius: 16px;

  box-shadow:
    0 8px 24px rgba(0,0,0,.14);
}

.wb-stat-icon {
  width: 40px;
  height: 40px;

  flex: 0 0 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #ef4444;

  background: rgba(239,68,68,.09);

  border: 1px solid rgba(239,68,68,.18);
  border-radius: 12px;
}

.wb-stat-icon svg {
  width: 21px;
  height: 21px;
}

.wb-stat-icon.wb-star {
  color: #f5b82e;

  background: rgba(245,184,46,.08);

  border-color: rgba(245,184,46,.17);
}

.wb-stat-content {
  display: flex;
  flex-direction: column;
  gap: 3px;

  min-width: 0;
}

.wb-stat-content strong {
  color: #f5f5f7 !important;

  font-size: 17px;
  font-weight: 900;

  line-height: 1.3;
}

.wb-stat-content small {
  color: #8f95a1 !important;

  font-size: 11px;
  font-weight: 600;
}


/* الجوال */

@media (max-width: 767px) {

  #wenbel-product-trust {
    gap: 8px;

    margin: 15px 0 18px;
  }

  .wb-product-stat {
    min-height: 67px;

    gap: 9px;

    padding: 11px;

    border-radius: 14px;
  }

  .wb-stat-icon {
    width: 36px;
    height: 36px;

    flex-basis: 36px;

    border-radius: 10px;
  }

  .wb-stat-icon svg {
    width: 19px;
    height: 19px;
  }

  .wb-stat-content strong {
    font-size: 14px;
  }

  .wb-stat-content small {
    font-size: 9px;
  }

}
/* =========================================================
   WENBEL — PRODUCT TRUST BAR PREMIUM V3
   ========================================================= */

#wenbel-product-trust {
  width: calc(100% - 28px) !important;
  max-width: 720px !important;
  margin: 14px auto 22px !important;

  display: flex !important;
  align-items: stretch !important;

  background:
    linear-gradient(145deg, #151820 0%, #0e1117 100%) !important;

  border: 1px solid #292e38 !important;
  border-radius: 16px !important;

  overflow: hidden !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.20) !important;
}


/* كل جهة داخل الشريط */

#wenbel-product-trust .wb-product-stat {
  width: 50% !important;
  min-width: 0 !important;
  min-height: 68px !important;

  margin: 0 !important;
  padding: 11px 13px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  gap: 9px !important;

  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}


/* الفاصل */

#wenbel-product-trust .wb-product-stat + .wb-product-stat {
  border-right: 1px solid #292e38 !important;
}


/* الأيقونات */

#wenbel-product-trust .wb-stat-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;

  flex: 0 0 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  border-radius: 11px !important;

  background: rgba(239,68,68,.08) !important;
  border: 1px solid rgba(239,68,68,.17) !important;

  color: #ef4444 !important;
}


/* النجمة */

#wenbel-product-trust .wb-star {
  color: #f5b82e !important;

  background: rgba(245,184,46,.07) !important;
  border-color: rgba(245,184,46,.17) !important;
}


/* SVG */

#wenbel-product-trust .wb-stat-icon svg {
  display: block !important;

  width: 19px !important;
  height: 19px !important;

  margin: 0 !important;
}


/* مجموعة النص */

#wenbel-product-trust .wb-stat-content {
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: center !important;

  gap: 2px !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* الرقم والعنوان */

#wenbel-product-trust .wb-stat-content strong {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #f5f5f7 !important;

  font-size: 14px !important;
  font-weight: 900 !important;

  line-height: 1.35 !important;

  white-space: nowrap !important;
}


/* النص الثانوي */

#wenbel-product-trust .wb-stat-content small {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #858c98 !important;

  font-size: 9px !important;
  font-weight: 600 !important;

  line-height: 1.4 !important;

  white-space: nowrap !important;
}


/* تأثير بسيط */

#wenbel-product-trust .wb-product-stat {
  transition:
    background .18s ease,
    opacity .18s ease !important;
}

#wenbel-product-trust .wb-product-stat:hover {
  background: rgba(255,255,255,.018) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  #wenbel-product-trust {
    width: calc(100% - 24px) !important;

    margin:
      12px auto
      20px !important;

    border-radius: 15px !important;
  }


  #wenbel-product-trust .wb-product-stat {
    min-height: 64px !important;

    padding: 10px !important;

    gap: 8px !important;
  }


  #wenbel-product-trust .wb-stat-icon {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;

    flex-basis: 35px !important;

    border-radius: 10px !important;
  }


  #wenbel-product-trust .wb-stat-icon svg {
    width: 18px !important;
    height: 18px !important;
  }


  #wenbel-product-trust .wb-stat-content strong {
    font-size: 13px !important;
  }


  #wenbel-product-trust .wb-stat-content small {
    font-size: 8.5px !important;
  }

}


/* الشاشات الصغيرة جدًا */

@media (max-width: 370px) {

  #wenbel-product-trust .wb-product-stat {
    padding: 8px !important;
    gap: 6px !important;
  }


  #wenbel-product-trust .wb-stat-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;

    flex-basis: 32px !important;
  }


  #wenbel-product-trust .wb-stat-content strong {
    font-size: 12px !important;
  }


  #wenbel-product-trust .wb-stat-content small {
    font-size: 8px !important;
  }

}

/* WENBEL PRODUCT TRUST BAR PREMIUM V3 — END */

/* =========================================================
   WENBEL — PRODUCT RECOMMENDATIONS + REVIEWS PREMIUM V1
   ========================================================= */

/* ---------- منتجات قد تعجبك ---------- */

/* عنوان القسم */
salla-products-slider .s-slider-block__title,
.related-products .s-slider-block__title,
.product-related .s-slider-block__title {
    font-size: 25px !important;
    font-weight: 800 !important;
    color: #f5f5f7 !important;
    margin-bottom: 18px !important;
    letter-spacing: -.3px !important;
}

/* خلفية منطقة المنتجات */
salla-products-slider,
.related-products,
.product-related {
    background: transparent !important;
}

/* بطاقة المنتج */
salla-products-slider .product-entry,
salla-products-slider .s-product-card-entry,
.related-products .product-entry,
.related-products .s-product-card-entry {
    background: linear-gradient(
        145deg,
        #17191f 0%,
        #101116 100%
    ) !important;

    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.25) !important;
}

/* صورة المنتج */
salla-products-slider .s-product-card-image,
salla-products-slider .product-entry__image,
.related-products .s-product-card-image,
.related-products .product-entry__image {
    background: #0d0e12 !important;
    border-radius: 18px 18px 0 0 !important;
    overflow: hidden !important;
}

/* منع الصور العملاقة */
salla-products-slider .s-product-card-image img,
salla-products-slider .product-entry__image img,
.related-products .s-product-card-image img,
.related-products .product-entry__image img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}

/* محتوى البطاقة */
salla-products-slider .s-product-card-content,
salla-products-slider .product-entry__content,
.related-products .s-product-card-content,
.related-products .product-entry__content {
    padding: 14px !important;
}

/* اسم المنتج */
salla-products-slider .s-product-card-content-title a,
salla-products-slider .product-entry__title a,
.related-products .s-product-card-content-title a,
.related-products .product-entry__title a {
    color: #f5f5f7 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 700 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* السعر */
salla-products-slider .s-product-card-price,
salla-products-slider .product-entry__price,
.related-products .s-product-card-price,
.related-products .product-entry__price {
    color: #ef4444 !important;
    font-weight: 800 !important;
    font-size: 18px !important;
}

/* زر أضف للسلة */
salla-products-slider salla-add-product-button button,
salla-products-slider .s-button-primary,
.related-products salla-add-product-button button,
.related-products .s-button-primary {
    background: linear-gradient(135deg,#dc2626,#991b1b) !important;
    color: #fff !important;

    border: 1px solid rgba(239,68,68,.35) !important;
    border-radius: 13px !important;

    min-height: 44px !important;
    font-weight: 700 !important;

    box-shadow: 0 7px 20px rgba(220,38,38,.17) !important;
}

/* شارة التخفيض */
salla-products-slider .s-product-card-promotion-title,
.related-products .s-product-card-promotion-title {
    background: #dc2626 !important;
    color: #fff !important;
    border-radius: 999px !important;
}


/* =========================================================
   آراء العملاء
   ========================================================= */

/* عنوان آراء العملاء */
.testimonials-slider .s-slider-block__title,
salla-slider[type="testimonials"] .s-slider-block__title,
.testimonials .s-slider-block__title {
    color: #f5f5f7 !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    margin-bottom: 18px !important;
}

/* البطاقة */
.testimonials-slider .swiper-slide,
salla-slider[type="testimonials"] .swiper-slide,
.testimonials .swiper-slide {
    background:
        linear-gradient(145deg,#17191f,#0f1015) !important;

    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 22px !important;

    box-shadow:
        0 14px 35px rgba(0,0,0,.25) !important;

    overflow: hidden !important;
}

/* إزالة الأبيض من داخل التقييم */
.testimonials-slider .testimonial,
.testimonials-slider .testimonial-item,
.testimonials-slider .s-testimonial,
salla-slider[type="testimonials"] .testimonial,
salla-slider[type="testimonials"] .testimonial-item,
salla-slider[type="testimonials"] .s-testimonial,
.testimonials .testimonial,
.testimonials .testimonial-item {
    background: transparent !important;
    color: #f5f5f7 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* نص الرأي */
.testimonials-slider p,
salla-slider[type="testimonials"] p,
.testimonials .testimonial p {
    color: #d5d7dc !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}

/* اسم العميل */
.testimonials-slider h3,
.testimonials-slider h4,
.testimonials-slider strong,
salla-slider[type="testimonials"] h3,
salla-slider[type="testimonials"] h4,
salla-slider[type="testimonials"] strong {
    color: #fff !important;
    font-weight: 800 !important;
}

/* النجوم */
.testimonials-slider .sicon-star,
.testimonials-slider [class*="star"],
salla-slider[type="testimonials"] .sicon-star,
salla-slider[type="testimonials"] [class*="star"] {
    color: #fbbf24 !important;
}


/* =========================================================
   MOBILE — أهم جزء
   ========================================================= */

@media (max-width: 767px) {

    /* تقليل المسافات حول قسم المقترحات */
    salla-products-slider,
    .related-products,
    .product-related {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* عنوان أصغر وأرتب */
    salla-products-slider .s-slider-block__title,
    .related-products .s-slider-block__title {
        font-size: 23px !important;
        margin-bottom: 14px !important;
    }

    /*
       تحويل المقترحات إلى بطاقات أفقية.
       يظهر جزء من البطاقة التالية لتوضيح إمكانية السحب.
    */
    salla-products-slider .swiper-slide,
    .related-products .swiper-slide {
        width: 72% !important;
        max-width: 275px !important;
        height: auto !important;
    }

    salla-products-slider .s-product-card-entry,
    salla-products-slider .product-entry,
    .related-products .s-product-card-entry,
    .related-products .product-entry {
        height: 100% !important;
        border-radius: 20px !important;
    }

    /* الصورة لا تبتلع الشاشة */
    salla-products-slider .s-product-card-image img,
    salla-products-slider .product-entry__image img,
    .related-products .s-product-card-image img,
    .related-products .product-entry__image img {
        aspect-ratio: 1 / 1 !important;
        max-height: 260px !important;
    }

    /* آراء العملاء */
    .testimonials-slider .swiper-slide,
    salla-slider[type="testimonials"] .swiper-slide,
    .testimonials .swiper-slide {
        width: 88% !important;
        min-height: 210px !important;
        border-radius: 20px !important;
    }

    .testimonials-slider .testimonial,
    .testimonials-slider .testimonial-item,
    .testimonials-slider .s-testimonial,
    salla-slider[type="testimonials"] .testimonial,
    salla-slider[type="testimonials"] .testimonial-item,
    salla-slider[type="testimonials"] .s-testimonial {
        padding: 22px !important;
    }
}

/* =========================================================
   WENBEL PRODUCT PAGE — RECOMMENDATIONS + REVIEWS V2
   يوضع في نهاية CSS بالكامل
   ========================================================= */


/* =========================================================
   1) منتجات قد تعجبك
   ========================================================= */

/* القسم */
salla-products-slider,
.product-related,
.related-products {
    --wenbel-red: #dc2626;
    --wenbel-red-light: #ef4444;
    --wenbel-bg: #08090d;
    --wenbel-card: #16181f;
    --wenbel-text: #f5f5f7;
    --wenbel-muted: #8a8f9c;
}

/* عنوان القسم */
salla-products-slider .s-slider-block__title,
salla-products-slider .s-slider-block__title h2,
.product-related h2,
.related-products h2 {
    color: #f5f5f7 !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

/* بطاقة المنتج */
salla-products-slider .s-product-card-entry,
salla-products-slider .product-entry,
salla-products-slider article {
    background:
        linear-gradient(145deg,#181a20 0%,#101116 100%) !important;

    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 22px !important;
    overflow: hidden !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.28) !important;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}

/* الصورة */
salla-products-slider .s-product-card-image,
salla-products-slider [class*="product-card-image"],
salla-products-slider .product-entry__image {
    overflow: hidden !important;
    background: #0d0e12 !important;
}

/* تثبيت أبعاد الصورة */
salla-products-slider .s-product-card-image img,
salla-products-slider [class*="product-card-image"] img,
salla-products-slider .product-entry__image img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}

/* المحتوى */
salla-products-slider .s-product-card-content,
salla-products-slider [class*="product-card-content"],
salla-products-slider .product-entry__content {
    background: transparent !important;
    padding: 14px !important;
}

/* اسم المنتج */
salla-products-slider .s-product-card-content-title,
salla-products-slider .s-product-card-content-title a,
salla-products-slider [class*="product-card"] h3,
salla-products-slider [class*="product-card"] h3 a {
    color: #f5f5f7 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}

/* السعر */
salla-products-slider .s-product-card-price,
salla-products-slider [class*="price"] {
    color: #f5f5f7 !important;
    font-weight: 800 !important;
}

/* السعر بعد الخصم */
salla-products-slider .s-product-card-sale-price,
salla-products-slider .text-red-400,
salla-products-slider .text-red-500 {
    color: #ef4444 !important;
}


/* =========================================================
   زر أضف للسلة — إزالة الأزرق
   ========================================================= */

salla-products-slider button,
salla-products-slider salla-button button,
salla-products-slider salla-add-product-button button,
salla-products-slider .s-button-primary,
salla-products-slider [class*="add-to-cart"] {
    background:
        linear-gradient(135deg,#dc2626 0%,#991b1b 100%) !important;

    background-color: #dc2626 !important;

    color: #fff !important;

    border:
        1px solid rgba(239,68,68,.45) !important;

    border-radius: 13px !important;

    box-shadow:
        0 7px 20px rgba(220,38,38,.20) !important;

    font-weight: 700 !important;
}

/* أيقونات الزر */
salla-products-slider button svg,
salla-products-slider button i {
    color: #fff !important;
    fill: currentColor !important;
}

/* شارة التخفيض */
salla-products-slider .s-product-card-promotion-title,
salla-products-slider [class*="promotion"],
salla-products-slider [class*="badge"] {
    background: #dc2626 !important;
    color: #fff !important;
    border-radius: 999px !important;
}


/* =========================================================
   2) آراء العملاء — Premium Dark
   ========================================================= */

/* خلفية القسم */
.testimonials-slider,
.testimonials,
salla-slider[type="testimonials"] {
    background: transparent !important;
}

/* عنوان آراء العملاء */
.testimonials-slider .s-slider-block__title,
.testimonials-slider .s-slider-block__title h2,
.testimonials h2,
salla-slider[type="testimonials"] .s-slider-block__title,
salla-slider[type="testimonials"] h2 {
    color: #f5f5f7 !important;
    font-size: 25px !important;
    font-weight: 800 !important;
}


/* =========================================================
   أهم جزء:
   إزالة البطاقة البيضاء من جميع مستويات التقييم
   ========================================================= */

.testimonials-slider .swiper-slide > *,
.testimonials .swiper-slide > *,
salla-slider[type="testimonials"] .swiper-slide > * {
    background:
        linear-gradient(145deg,#181a20,#101116) !important;

    background-color: #16181f !important;

    color: #f5f5f7 !important;

    border:
        1px solid rgba(255,255,255,.09) !important;

    border-radius: 22px !important;

    box-shadow:
        0 14px 35px rgba(0,0,0,.30) !important;
}


/* العناصر الداخلية */
.testimonials-slider .swiper-slide > * > *,
.testimonials .swiper-slide > * > *,
salla-slider[type="testimonials"] .swiper-slide > * > * {
    color: inherit;
}


/* النصوص */
.testimonials-slider p,
.testimonials-slider span,
.testimonials .swiper-slide p,
.testimonials .swiper-slide span,
salla-slider[type="testimonials"] p,
salla-slider[type="testimonials"] span {
    color: #d7d9df !important;
}


/* اسم العميل */
.testimonials-slider h3,
.testimonials-slider h4,
.testimonials-slider strong,
.testimonials .swiper-slide h3,
.testimonials .swiper-slide h4,
.testimonials .swiper-slide strong,
salla-slider[type="testimonials"] h3,
salla-slider[type="testimonials"] h4,
salla-slider[type="testimonials"] strong {
    color: #f5f5f7 !important;
    font-weight: 800 !important;
}


/* أي نص ثانوي */
.testimonials-slider small,
.testimonials .swiper-slide small,
salla-slider[type="testimonials"] small {
    color: #8a8f9c !important;
}


/* علامات الاقتباس */
.testimonials-slider [class*="quote"],
.testimonials [class*="quote"],
salla-slider[type="testimonials"] [class*="quote"] {
    color: #ef4444 !important;
    opacity: .85 !important;
}


/* النجوم */
.testimonials-slider [class*="star"],
.testimonials .swiper-slide [class*="star"],
salla-slider[type="testimonials"] [class*="star"],
.testimonials-slider .sicon-star,
salla-slider[type="testimonials"] .sicon-star {
    color: #fbbf24 !important;
}


/* صورة / أيقونة العميل */
.testimonials-slider img,
.testimonials .swiper-slide img,
salla-slider[type="testimonials"] img {
    border-radius: 50% !important;
}


/* =========================================================
   3) الجوال — تصميم المنتجات
   ========================================================= */

@media (max-width: 767px) {

    /* عنوان منتجات قد تعجبك */
    salla-products-slider .s-slider-block__title,
    salla-products-slider .s-slider-block__title h2,
    .product-related h2,
    .related-products h2 {
        font-size: 22px !important;
        margin-bottom: 14px !important;
    }


    /* بطاقات أصغر */
    salla-products-slider .s-product-card-entry,
    salla-products-slider .product-entry,
    salla-products-slider article {
        border-radius: 18px !important;
    }


    /* تقليل حجم صورة المنتج */
    salla-products-slider .s-product-card-image img,
    salla-products-slider [class*="product-card-image"] img,
    salla-products-slider .product-entry__image img {
        aspect-ratio: 1 / 1 !important;
        max-height: 240px !important;
    }


    /* اسم المنتج */
    salla-products-slider .s-product-card-content-title,
    salla-products-slider .s-product-card-content-title a,
    salla-products-slider [class*="product-card"] h3,
    salla-products-slider [class*="product-card"] h3 a {
        font-size: 14px !important;

        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;

        overflow: hidden !important;
    }


    /* زر السلة */
    salla-products-slider button,
    salla-products-slider salla-button button,
    salla-products-slider salla-add-product-button button {
        min-height: 42px !important;
        font-size: 13px !important;
        border-radius: 12px !important;
    }


    /* =====================================================
       آراء العملاء على الجوال
       ===================================================== */

    .testimonials-slider .s-slider-block__title,
    .testimonials-slider .s-slider-block__title h2,
    .testimonials h2,
    salla-slider[type="testimonials"] h2 {
        font-size: 22px !important;
    }


    /* البطاقة */
    .testimonials-slider .swiper-slide > *,
    .testimonials .swiper-slide > *,
    salla-slider[type="testimonials"] .swiper-slide > * {
        border-radius: 20px !important;
        padding: 22px !important;
        min-height: 215px !important;
    }


    /* عرض البطاقة */
    .testimonials-slider .swiper-slide,
    .testimonials .swiper-slide,
    salla-slider[type="testimonials"] .swiper-slide {
        width: 86% !important;
        max-width: 360px !important;
    }


    /* نص التقييم */
    .testimonials-slider p,
    .testimonials .swiper-slide p,
    salla-slider[type="testimonials"] p {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }
}


/* =========================================================
   Desktop hover
   ========================================================= */

@media (min-width: 768px) {

    salla-products-slider .s-product-card-entry:hover,
    salla-products-slider .product-entry:hover,
    salla-products-slider article:hover {
        transform: translateY(-4px) !important;

        border-color:
            rgba(239,68,68,.30) !important;

        box-shadow:
            0 18px 40px rgba(0,0,0,.35) !important;
    }
}


/* WENBEL PRODUCT PAGE V2 — END */

/* WENBEL — PRODUCT RECOMMENDATIONS + REVIEWS PREMIUM V1 END */

/* =========================================================
   WENBEL — SALLA DARK SYSTEM UI V3
   Cart Popup + Order Details + Login + Product Review
   ========================================================= */

:root {
    --wb-bg: #08090d;
    --wb-surface: #101218;
    --wb-card: #16181f;
    --wb-card-2: #1b1e26;
    --wb-border: #2b303b;
    --wb-text: #f5f5f7;
    --wb-muted: #9ca3af;
    --wb-red: #dc2626;
    --wb-red-light: #ef4444;
}


/* =========================================================
   1) نافذة تمت الإضافة للسلة
   ========================================================= */

salla-cart-summary,
salla-cart-summary *,
salla-modal .s-modal-body,
salla-modal .s-modal-header,
salla-modal .s-modal-footer {
    border-color: var(--wb-border);
}

/* جسم النوافذ */
salla-modal .s-modal-body,
salla-modal .s-modal-header,
salla-modal .s-modal-footer,
salla-modal [class*="modal-body"],
salla-modal [class*="modal-header"],
salla-modal [class*="modal-footer"] {
    background-color: var(--wb-card) !important;
    color: var(--wb-text) !important;
}

/* النصوص الرئيسية داخل النافذة */
salla-modal h1,
salla-modal h2,
salla-modal h3,
salla-modal h4,
salla-modal strong,
salla-modal label {
    color: var(--wb-text) !important;
}

/* النصوص الثانوية */
salla-modal p,
salla-modal span:not(.sicon-star):not([class*="price"]),
salla-modal small {
    color: var(--wb-muted);
}

/* السعر */
salla-modal [class*="price"],
salla-modal .text-red-400,
salla-modal .text-red-500 {
    color: var(--wb-red-light) !important;
}

/* الصور */
salla-modal img {
    border-radius: 12px;
}


/* =========================================================
   2) تفاصيل الطلب / Bottom Sheet
   ========================================================= */

salla-modal .s-modal-wrapper,
salla-modal .s-modal-container,
salla-modal [class*="modal-wrapper"],
salla-modal [class*="modal-container"] {
    background-color: var(--wb-card) !important;
    color: var(--wb-text) !important;
}

/* الخط الفاصل */
salla-modal hr {
    border-color: var(--wb-border) !important;
}

/* ملخص السلة */
salla-modal [class*="summary"] {
    background-color: var(--wb-card) !important;
    color: var(--wb-text) !important;
}


/* =========================================================
   3) صفحة تسجيل الدخول / إكمال الطلب
   نستهدف صفحات auth والـ checkout فقط
   ========================================================= */

body.login-page,
body.auth-page,
body.checkout-page,
body[class*="login"],
body[class*="auth"],
body[class*="checkout"] {
    background: var(--wb-bg) !important;
    color: var(--wb-text) !important;
}

/* البطاقات */
body[class*="login"] main > div,
body[class*="auth"] main > div,
body[class*="checkout"] main > div {
    border-color: var(--wb-border);
}

/* عناوين صفحات الدخول والدفع */
body[class*="login"] h1,
body[class*="login"] h2,
body[class*="login"] h3,
body[class*="auth"] h1,
body[class*="auth"] h2,
body[class*="auth"] h3,
body[class*="checkout"] h1,
body[class*="checkout"] h2,
body[class*="checkout"] h3 {
    color: var(--wb-text) !important;
}

/* النصوص */
body[class*="login"] p,
body[class*="auth"] p,
body[class*="checkout"] p {
    color: var(--wb-muted);
}


/* =========================================================
   4) حقول الإدخال
   ========================================================= */

body[class*="login"] input,
body[class*="auth"] input,
body[class*="checkout"] input,
body[class*="login"] select,
body[class*="auth"] select,
body[class*="checkout"] select,
salla-modal input,
salla-modal select,
salla-modal textarea {
    background: #0d1016 !important;
    color: var(--wb-text) !important;

    border: 1px solid var(--wb-border) !important;

    border-radius: 12px !important;
}

/* Placeholder */
body[class*="login"] input::placeholder,
body[class*="auth"] input::placeholder,
body[class*="checkout"] input::placeholder,
salla-modal input::placeholder,
salla-modal textarea::placeholder {
    color: #6b7280 !important;
}


/* =========================================================
   5) أزرار تسجيل الدخول / إكمال الطلب
   ========================================================= */

body[class*="login"] button[type="submit"],
body[class*="auth"] button[type="submit"],
body[class*="checkout"] button[type="submit"] {
    background:
        linear-gradient(135deg,#dc2626,#991b1b) !important;

    color: #fff !important;

    border-color: transparent !important;

    border-radius: 13px !important;

    box-shadow:
        0 8px 24px rgba(220,38,38,.18) !important;
}


/* =========================================================
   6) بطاقة تقييم المنتج بعد الشراء
   "جربت هذا المنتج؟"
   ========================================================= */

.product-review,
.product-rating,
.product-review-card,
[class*="product-review"],
[class*="review-product"] {
    background:
        linear-gradient(
            145deg,
            #181a20 0%,
            #101116 100%
        ) !important;

    color: var(--wb-text) !important;

    border:
        1px solid var(--wb-border) !important;

    border-radius: 22px !important;

    box-shadow:
        0 12px 32px rgba(0,0,0,.25) !important;
}


/* عنوان التقييم */
.product-review h2,
.product-review h3,
.product-review strong,
.product-rating h2,
.product-rating h3,
.product-rating strong,
[class*="product-review"] h2,
[class*="product-review"] h3,
[class*="product-review"] strong,
[class*="review-product"] h2,
[class*="review-product"] h3,
[class*="review-product"] strong {
    color: var(--wb-text) !important;
}


/* نص التقييم */
.product-review p,
.product-review span,
.product-rating p,
.product-rating span,
[class*="product-review"] p,
[class*="review-product"] p {
    color: var(--wb-muted);
}


/* زر تقييم المنتج */
.product-review button,
.product-rating button,
[class*="product-review"] button,
[class*="review-product"] button {
    background:
        linear-gradient(135deg,#dc2626,#991b1b) !important;

    color: #fff !important;

    border: 0 !important;

    border-radius: 13px !important;
}


/* =========================================================
   7) النجوم
   ========================================================= */

.product-review [class*="star"],
.product-rating [class*="star"],
[class*="product-review"] [class*="star"],
[class*="review-product"] [class*="star"] {
    color: #fbbf24 !important;
}


/* =========================================================
   8) تحسين النوافذ على الجوال
   ========================================================= */

@media (max-width: 767px) {

    salla-modal .s-modal-wrapper,
    salla-modal .s-modal-container,
    salla-modal [class*="modal-wrapper"],
    salla-modal [class*="modal-container"] {
        border-radius: 24px 24px 0 0 !important;
    }

    .product-review,
    .product-rating,
    .product-review-card,
    [class*="product-review"],
    [class*="review-product"] {
        border-radius: 20px !important;
    }

}


/* =========================================================
   WENBEL — SALLA DARK SYSTEM UI V3 END
   ========================================================= */

/* =========================================================
   WENBEL — DARK UI PATCH V4
   Account Drawer + Review Card + Checkout
   ========================================================= */

/* ---------- 1. قائمة حسابي الجانبية ---------- */

salla-user-menu,
salla-user-menu .s-user-menu-wrapper,
salla-user-menu [class*="menu"],
salla-user-menu [class*="drawer"],
salla-user-menu [class*="content"],
salla-user-menu [class*="body"] {
    background: #101218 !important;
    color: #f5f5f7 !important;
}

/* بعض نسخ سلة تستخدم Drawer مستقل */
.s-drawer-wrapper,
.s-drawer-container,
.s-drawer-body,
[class*="drawer__content"],
[class*="drawer-content"] {
    background-color: #101218 !important;
    color: #f5f5f7 !important;
}

salla-user-menu a,
salla-user-menu button,
salla-user-menu strong,
salla-user-menu h1,
salla-user-menu h2,
salla-user-menu h3 {
    color: #f5f5f7 !important;
}

salla-user-menu p,
salla-user-menu span {
    color: #a5adba !important;
}

salla-user-menu svg,
salla-user-menu i {
    color: #a5adba !important;
}

salla-user-menu hr,
salla-user-menu [class*="border"] {
    border-color: #2b303b !important;
}


/* ---------- 2. بطاقة تقييم المنتج بعد الشراء ---------- */

/* البطاقة البيضاء */
salla-product-review,
salla-product-rating,
.product-review,
.product-review-card,
.product-rating,
[class*="product-review"],
[class*="purchase-review"],
[class*="rating-card"] {
    background: #16181f !important;
    color: #f5f5f7 !important;
    border-color: #2b303b !important;
}

/* العناصر الداخلية */
salla-product-review > *,
salla-product-rating > *,
.product-review > *,
.product-review-card > *,
[class*="product-review"] > *,
[class*="purchase-review"] > * {
    border-color: #2b303b !important;
}

salla-product-review h1,
salla-product-review h2,
salla-product-review h3,
salla-product-review strong,
salla-product-rating h1,
salla-product-rating h2,
salla-product-rating h3,
salla-product-rating strong,
[class*="product-review"] h1,
[class*="product-review"] h2,
[class*="product-review"] h3,
[class*="product-review"] strong {
    color: #f5f5f7 !important;
}

salla-product-review p,
salla-product-review span,
salla-product-review small,
salla-product-rating p,
salla-product-rating span,
salla-product-rating small,
[class*="product-review"] p,
[class*="product-review"] span,
[class*="product-review"] small {
    color: #9ca3af !important;
}


/* ---------- 3. صفحة Checkout / إكمال الطلب ---------- */

body[class*="checkout"],
.checkout,
.checkout-page,
#checkout,
salla-checkout {
    background: #08090d !important;
    color: #f5f5f7 !important;
}

/* الأقسام والبطاقات */
body[class*="checkout"] main,
body[class*="checkout"] section,
.checkout section,
.checkout-page section,
salla-checkout section,
salla-checkout [class*="card"],
salla-checkout [class*="box"] {
    background-color: #101218 !important;
    color: #f5f5f7 !important;
    border-color: #2b303b !important;
}

/* العناوين */
body[class*="checkout"] h1,
body[class*="checkout"] h2,
body[class*="checkout"] h3,
body[class*="checkout"] h4,
.checkout h1,
.checkout h2,
.checkout h3,
salla-checkout h1,
salla-checkout h2,
salla-checkout h3,
salla-checkout label,
salla-checkout strong {
    color: #f5f5f7 !important;
}

/* النصوص الثانوية */
body[class*="checkout"] p,
body[class*="checkout"] small,
.checkout p,
.checkout small,
salla-checkout p,
salla-checkout small,
salla-checkout span {
    color: #9ca3af;
}


/* ---------- 4. خيارات الدفع ---------- */

body[class*="checkout"] [class*="payment"],
.checkout [class*="payment"],
salla-checkout [class*="payment"] {
    border-color: #2b303b !important;
}

/* بطاقة كل وسيلة دفع */
body[class*="checkout"] [class*="payment-method"],
.checkout [class*="payment-method"],
salla-checkout [class*="payment-method"] {
    background-color: #16181f !important;
    border-color: #343945 !important;
    color: #f5f5f7 !important;
}


/* ---------- 5. حقول البطاقة والبيانات ---------- */

body[class*="checkout"] input,
body[class*="checkout"] select,
body[class*="checkout"] textarea,
.checkout input,
.checkout select,
.checkout textarea,
salla-checkout input,
salla-checkout select,
salla-checkout textarea {
    background-color: #0d1016 !important;
    color: #f5f5f7 !important;
    border-color: #343945 !important;
}

body[class*="checkout"] input::placeholder,
.checkout input::placeholder,
salla-checkout input::placeholder,
salla-checkout textarea::placeholder {
    color: #737b89 !important;
}


/* ---------- 6. Bottom sheets / تفاصيل الطلب ---------- */

.s-modal-wrapper,
.s-modal-container,
.s-modal-body,
.s-drawer-wrapper,
.s-drawer-container {
    border-color: #2b303b !important;
}


/* ---------- 7. زر تقييم المنتج ---------- */

salla-product-review button,
salla-product-rating button,
.product-review button,
.product-review-card button,
[class*="product-review"] button,
[class*="purchase-review"] button {
    background: linear-gradient(
        135deg,
        #dc2626,
        #991b1b
    ) !important;

    color: #fff !important;
    border-color: transparent !important;
}


/* ---------- 8. إصلاح النصوص داخل الـ Drawer ---------- */

.s-drawer-wrapper h1,
.s-drawer-wrapper h2,
.s-drawer-wrapper h3,
.s-drawer-wrapper strong {
    color: #f5f5f7 !important;
}

.s-drawer-wrapper p,
.s-drawer-wrapper small,
.s-drawer-wrapper li,
.s-drawer-wrapper a {
    color: #a5adba !important;
}


/* =========================================================
   WENBEL — DARK UI PATCH V4 END
   ========================================================= */

/* =========================================================
   WENBEL — ACCOUNT ICON COLOR FIX
   ========================================================= */

/* توحيد خلفية أيقونة الحساب مع الهيدر */
salla-user-menu,
salla-user-menu button,
salla-user-menu .s-user-menu-trigger,
salla-user-menu [class*="trigger"],
salla-user-menu [class*="avatar"] {
    background-color: #08090d !important;
}

/* إزالة أي خلفية فاتحة حول الصورة */
salla-user-menu img {
    background-color: #08090d !important;
}

/* في حال المربع تابع للحاوية الخارجية */
header salla-user-menu,
header salla-user-menu > *,
header [class*="user-menu"] {
    background-color: #08090d !important;
}

/* =========================================================
   WENBEL — HEADER + FOOTER FIX
   ========================================================= */

/* 1) السعر بجانب أيقونة السلة */
header salla-cart-summary,
header salla-cart-summary *,
header .s-cart-summary-total,
header [class*="cart"] [class*="total"],
header [class*="cart"] [class*="price"] {
    color: #ffffff !important;
}

/* رمز العملة */
header salla-cart-summary svg,
header salla-cart-summary i {
    color: #ffffff !important;
    fill: currentColor !important;
}

/* 2) زر القائمة الثلاث خطوط */
header .hamburger,
header .hamburger *,
header [class*="hamburger"],
header [class*="menu-trigger"],
header [class*="menu-btn"],
header button[aria-label*="menu" i],
header button[aria-label*="القائمة"] {
    color: #ffffff !important;
    border-color: transparent !important;
}

/* الخطوط نفسها */
header .hamburger span,
header [class*="hamburger"] span,
header [class*="menu-trigger"] span {
    background-color: #ffffff !important;
}

/* لو أيقونة القائمة SVG */
header [class*="menu"] svg,
header [class*="menu"] svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}


/* =========================================================
   3) ترتيب التواصل في الفوتر
   ========================================================= */

footer .social-list,
footer .social-icons,
footer [class*="social"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 20px auto !important;
}

/* أيقونات التواصل */
footer [class*="social"] a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #11141b !important;
    border: 1px solid #2b303b !important;
    border-radius: 14px !important;

    color: #ffffff !important;
}

/* حجم الأيقونة */
footer [class*="social"] a svg,
footer [class*="social"] a i {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;

    color: #ffffff !important;
    fill: currentColor !important;
}

/* =========================================================
   WENBEL — FOOTER CONTACT + REVIEW CARD V2
   ========================================================= */




/* =========================================================
   بطاقة شارك رأيك
   ========================================================= */

.wb-review-dark {
    background: #08090d !important;
    color: #f5f5f7 !important;
    border: 1px solid #292d37 !important;
}

/* جميع النصوص داخل البطاقة */
.wb-review-dark h1,
.wb-review-dark h2,
.wb-review-dark h3,
.wb-review-dark h4,
.wb-review-dark p,
.wb-review-dark span,
.wb-review-dark div {
    color: #f5f5f7 !important;
}

/* المعلومات الثانوية */
.wb-review-dark time,
.wb-review-dark small {
    color: #9ca3af !important;
}

/* زر تقييم المنتج */
.wb-review-dark button,
.wb-review-dark a[class*="button"],
.wb-review-dark [class*="btn"] {
    background: #16181f !important;
    color: #f5f5f7 !important;
    border: 1px solid #303642 !important;
}
/* WENBEL — ADD TO CART RED FIX */

salla-add-product-button button,
salla-add-product-button .s-button-element,
button.add-to-cart,
.add-to-cart button,
[class*="add-to-cart"] {
    background: #dc2626 !important;
    background-color: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
    box-shadow: 0 8px 24px rgba(220, 38, 38, 0.20) !important;
}

salla-add-product-button button:hover,
salla-add-product-button .s-button-element:hover,
button.add-to-cart:hover,
[class*="add-to-cart"]:hover {
    background: #ef4444 !important;
    background-color: #ef4444 !important;
    border-color: #ef4444 !important;
}