/* Add custom CSS styles below */ 
/* =========================
   JEWL LUXURY MODE (CLEAN)
   ========================= */

/* 1) الخلفية العامة (بيج فاخر) */
body,
.section,
.main-content,
.container {
  background-color: #F3F1EE !important;
}

/* 2) النص العام */
body, p, span, h1, h2, h3, h4 {
  color: #2E2E2E !important;
}

/* 3) الهيدر أبيض ونظيف */
header,
.header,
.main-header {
  background-color: #FFFFFF !important;
}

/* أيقونات الهيدر بدون مربعات */
header .btn,
header button,
header .icon {
  background-color: transparent !important;
  color: #2E2E2E !important;
}

/* 4) تحسين وضوح القراءة */
.product-title,
.product-name,
h3.product-title {
  color: #2B2B2B !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px;
}

.price,
.product-price,
.price-new {
  color: #1F1F1F !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.price-old {
  color: #A8A8A8 !important;
  font-weight: 400 !important;
}

.product-meta,
.product-description,
small {
  color: #7A7A7A !important;
}

/* تقليل الزحمة داخل كرت المنتج */
.product-card,
.product-item {
  padding-bottom: 8px !important;
}

/* 5) حركة لاكجري للصور (CSS فقط) */
.product-card img,
.product-item img,
.s-product-card img,
.s-product-card__image img {
  transition: transform 220ms ease, box-shadow 220ms ease;
  will-change: transform;
}

.product-card:hover img,
.product-item:hover img,
.s-product-card:hover img,
.s-product-card:hover .s-product-card__image img {
  transform: scale(1.03);
}

/* =========================================
   FIX: Quantity Buttons (+ / -) ONLY
   (Prestige / Salla - force variables + layers)
   ========================================= */

/* نحدد ألوان الثيم داخل بلوك الكمية فقط */
.s-product-quantity,
.quantity,
.product-quantity,
.s-quantity,
.input-group {
  --primary: #E6E0D8 !important;
  --color-primary: #E6E0D8 !important;
  --theme-primary: #E6E0D8 !important;
  --btn-bg: #E6E0D8 !important;
  --button-bg: #E6E0D8 !important;
}

/* زر + و - */
.s-product-quantity button,
.quantity button,
.product-quantity button,
.s-quantity button,
.input-group .btn,
.input-group button,
.s-product-quantity__button,
.s-product-quantity__btn {
  background-color: #E6E0D8 !important;
  border: 1px solid #D8D2C8 !important;
  color: #2B2B2B !important;
  box-shadow: none !important;
}

/* إذا الثيم يرسم لون فوق الزر */
.s-product-quantity button::before,
.s-product-quantity button::after,
.quantity button::before,
.quantity button::after,
.product-quantity button::before,
.product-quantity button::after,
.s-quantity button::before,
.s-quantity button::after,
.input-group .btn::before,
.input-group .btn::after {
  background: #E6E0D8 !important;
}

/* أيقونات + و - (أحياناً SVG stroke/fill) */
.s-product-quantity button svg,
.quantity button svg,
.product-quantity button svg,
.s-quantity button svg {
  fill: #2B2B2B !important;
  stroke: #2B2B2B !important;
}

.s-product-quantity button i,
.quantity button i,
.product-quantity button i,
.s-quantity button i {
  color: #2B2B2B !important;
}

/* خانة الرقم بالوسط */
.s-product-quantity input,
.quantity input,
.product-quantity input,
.s-quantity input,
.input-group input {
  background-color: #FFFFFF !important;
  border: 1px solid #D8D2C8 !important;
  color: #2B2B2B !important;
  box-shadow: none !important;
}

/* Hover */
.s-product-quantity button:hover,
.quantity button:hover,
.product-quantity button:hover,
.s-quantity button:hover,
.input-group .btn:hover,
.input-group button:hover {
  background-color: #DDD6CC !important;
}
/* ===== Luxury Image Movement (Soft) ===== */

.s-product-card img,
.product-card img,
.product-item img {
  transition: transform 0.6s ease-out;
}

.s-product-card:hover img,
.product-card:hover img,
.product-item:hover img {
  transform: scale(1.03) translateY(-6px);
}
/* ===== Size Buttons Luxury Fix ===== */

/* المقاسات العادية (المتوفرة) */
.s-product-options-option button,
.s-product-options-option .option-value {
    background-color: #FFFFFF !important;
    border: 1px solid #D8D2C8 !important;
    color: #2B2B2B !important;
    font-weight: 500;
}

/* المقاس المختار */
.s-product-options-option button.is-active,
.s-product-options-option .is-active {
    background-color: #E6E0D8 !important;
    border: 1px solid #BFB7AC !important;
    color: #1F1F1F !important;
    font-weight: 600;
}

/* المقاس غير المتوفر */
.s-product-options-option button.is-disabled,
.s-product-options-option .is-disabled {
    background-color: #F5F3EF !important;
    color: #BDB7AF !important;
    border: 1px dashed #E1DDD6 !important;
}
/* ===== Luxury Scroll Image Motion (Prestige FIX) ===== */

/* نخلي الصورة تقدر تتحرك داخل الكرت */
.s-product-card__image,
.product-card__image,
.product-image {
  overflow: hidden;
}

/* حركة ناعمة أثناء التمرير */
.s-product-card img,
.product-card img,
.product-item img {
  transition: transform 0.8s ease-out;
}

/* حركة خفيفة جدًا */
.s-product-card:hover img,
.product-card:hover img,
.product-item:hover img {
  transform: scale(1.04);
}
/* ===== Auto Luxury Motion (No JS) ===== */
@keyframes jewlFloat {
  0%   { transform: translateY(0px) scale(1.02); }
  50%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0px) scale(1.02); }
}

.s-product-card img,
.s-product-card__image img,
.product-card img,
.product-item img {
  will-change: transform;
  animation: jewlFloat 4.8s ease-in-out infinite;
}
/* ===== Announcement Bar - Luxury Oud ===== */
.s-announcement-bar,
.s-notification-bar,
.s-topbar,
.topbar,
.header__topbar,
.header-topbar,
.s-site-notification,
.s-notice-bar {
  background-color: #6B1F2B !important;
  color: #FFFFFF !important;
}

/* النص والروابط داخل الشريط */
.s-announcement-bar *,
.s-notification-bar *,
.s-site-notification * {
  color: #FFFFFF !important;
}