/* ============================================
   1) ألوان نصوص خيارات المنتج
   ============================================ */

/* الوضع النهاري (الافتراضي) */
.s-product-options-wrapper {
  --option-text-color: #000000;
}

/* الوضع الداكن */
html[data-theme="dark"] .s-product-options-wrapper {
  --option-text-color: #ffffff;
}

/* تطبيق اللون */
.s-product-options-wrapper,
.s-product-options-wrapper * {
  color: var(--option-text-color) !important;
  -webkit-text-fill-color: var(--option-text-color) !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}
/* ============================================
   2) تباعد خيارات المنتج
   ============================================ */
.s-product-options-thumbnails-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

.s-product-options-thumbnails-wrapper > * {
  margin: 0 !important;
  max-width: 110px !important;
  text-align: center !important;
}

.s-product-options-thumbnails-wrapper .s-product-options-thumbnails-name {
  display: block !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  word-break: break-word !important;
}