/* =====================================================
   ثيم فساتين ساندريلا — CSS مخصص لمنصة سلة
   عنابي #4B1530 · ذهبي #B8924F · عاجي #FBF7F2
   ألصقيه في: لوحة التحكم ← تصميم المتجر ← الكود المخصص (CSS)
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600&display=swap');

/* ---------- 1) المتغيرات: غيّري لونًا هنا فيتغير في كل المتجر ---------- */
:root {
  --sd-wine: #4B1530;
  --sd-wine-deep: #3A0F25;
  --sd-gold: #B8924F;
  --sd-gold-dark: #8A6428;
  --sd-ivory: #FBF7F2;
  --sd-blush: #EFDCD5;
  --sd-line: #E6D9CF;
  --sd-font-display: 'Amiri', serif;
  --sd-font-body: 'IBM Plex Sans Arabic', sans-serif;

  /* متغيرات سلة نفسها */
  --color-primary: #4B1530;
  --color-primary-dark: #3A0F25;
  --color-primary-light: #EFDCD5;
  --color-primary-reverse: #FBF7F2;
  --main-text-color: #4B1530;
}

/* ---------- 2) الأساسيات ---------- */
html, body {
  background: var(--sd-ivory) !important;
  color: var(--sd-wine);
  font-family: var(--sd-font-body) !important;
  line-height: 1.7;
}

h1, h2, h3,
.s-block__title h2,
.section-title,
.s-product-card-content-title,
.s-product-card-content-title a {
  font-family: var(--sd-font-display) !important;
  color: var(--sd-wine);
}

a { color: inherit; }
a:hover { opacity: .8; }

/* عناوين الأقسام: خط ذهبي صغير فوق العنوان */
.s-block__title,
.s-block-title,
.section-title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  margin-bottom: 32px;
}
.s-block__title::before,
.s-block-title::before,
.section-title-wrapper::before {
  content: "";
  width: 40px;
  height: 1px;
  background: var(--sd-gold);
}
.s-block__title h2,
.s-block-title h2,
.section-title-wrapper h2 {
  font-size: 40px;
  font-weight: 700;
  margin: 0;
}

/* ---------- 3) شريط الإعلان العلوي ---------- */
.store-notify,
.top-bar,
.s-notifier-bar {
  background: var(--sd-wine) !important;
  color: var(--sd-ivory) !important;
  text-align: center;
  font-size: 14px;
}

/* ---------- 4) الترويسة والقائمة ---------- */
.store-header,
header.store-header,
.main-nav-container {
  background: var(--sd-ivory) !important;
  border-bottom: 1px solid var(--sd-line);
  box-shadow: none !important;
}

.store-header .navbar-brand img,
.store-header .logo img {
  max-height: 64px;
  width: auto;
}

.main-menu > li > a,
.main-nav-container .main-menu a,
.store-header nav a {
  color: var(--sd-wine) !important;
  font-weight: 500;
  font-size: 15px;
}
.main-menu > li > a:hover,
.main-nav-container .main-menu a:hover {
  color: var(--sd-gold-dark) !important;
}

/* رابط التخفيضات بلون ذهبي */
.main-menu a[href*="offers"],
.main-menu a[href*="sale"] {
  color: var(--sd-gold-dark) !important;
  font-weight: 600;
}

/* أيقونات البحث والسلة والحساب */
.header-btn,
.header-btn i,
.s-cart-summary-wrapper,
.s-cart-summary-icon {
  color: var(--sd-wine) !important;
}
.s-cart-summary-count {
  background: var(--sd-gold) !important;
  color: #2A0B1A !important;
}

/* ---------- 5) الأزرار ---------- */
.s-button-primary,
.btn--primary,
.s-button-element.s-button-solid {
  background: var(--sd-wine) !important;
  border-color: var(--sd-wine) !important;
  color: var(--sd-ivory) !important;
  border-radius: 2px !important;
  font-weight: 600;
  min-height: 48px;
}
.s-button-primary:hover,
.btn--primary:hover {
  background: var(--sd-wine-deep) !important;
  border-color: var(--sd-wine-deep) !important;
}

.s-button-outline,
.btn--outline {
  background: transparent !important;
  border: 1px solid var(--sd-wine) !important;
  color: var(--sd-wine) !important;
  border-radius: 2px !important;
  font-weight: 600;
}
.s-button-outline:hover,
.btn--outline:hover {
  background: var(--sd-wine) !important;
  color: var(--sd-ivory) !important;
}

/* ---------- 6) الصورة الرئيسية / السلايدر ---------- */
.s-block--hero-slider,
.s-block--main-slider,
.main-slider {
  background: var(--sd-blush);
}
.s-block--hero-slider h1,
.s-block--hero-slider h2,
.main-slider h2 {
  font-family: var(--sd-font-display) !important;
  font-size: 56px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--sd-wine);
}
.swiper-pagination-bullet-active {
  background: var(--sd-gold) !important;
}

/* ---------- 7) بطاقات المنتجات ---------- */
.s-product-card-entry,
.s-product-card-vertical {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.s-product-card-image,
.s-product-card-image-cover {
  background: var(--sd-blush);
  border: 1px solid #E2C9C0;
  border-radius: 4px !important;
  overflow: hidden;
}
.s-product-card-image img {
  transition: transform .5s ease;
}
.s-product-card-entry:hover .s-product-card-image img {
  transform: scale(1.04);
}

.s-product-card-content-title,
.s-product-card-content-title a {
  font-family: var(--sd-font-body) !important;
  font-weight: 500;
  font-size: 16px;
  color: var(--sd-wine);
}

.s-product-card-price,
.s-product-card-sale-price h4,
.s-product-card-content-sub {
  color: var(--sd-wine) !important;
  font-weight: 600;
}
.s-product-card-sale-price span,
.s-product-card-starting-price {
  color: var(--sd-wine);
  opacity: .55;
  text-decoration: line-through;
}

/* شارة (جديد / تخفيض) */
.s-product-card-promotion-title,
.s-product-card-badge {
  background: var(--sd-wine) !important;
  color: var(--sd-ivory) !important;
  border-radius: 2px !important;
  font-size: 12px;
  font-weight: 600;
}

/* ---------- 8) صفحة المنتج ---------- */
.product-single h1,
.product-details h1,
.product__title {
  font-family: var(--sd-font-display) !important;
  font-size: 44px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--sd-wine);
}

.product-price,
.product__price,
.total-price {
  font-size: 26px;
  font-weight: 600;
  color: var(--sd-wine);
}
.before-price {
  opacity: .55;
  text-decoration: line-through;
}

/* خيارات المقاس */
.s-product-options-option-content label,
.s-product-options-option-content .s-product-options-thumbnails-option {
  border: 1px solid var(--sd-wine) !important;
  border-radius: 2px !important;
  min-width: 56px;
  min-height: 48px;
  color: var(--sd-wine);
}
.s-product-options-option-content input:checked + label,
.s-product-options-option-content input:checked ~ label {
  background: var(--sd-wine) !important;
  color: var(--sd-ivory) !important;
}

/* التبويبات (الوصف، المقاسات، الشحن) */
.tabs-wrapper .tab-link,
.s-tabs-title {
  font-weight: 600;
  color: var(--sd-wine);
  border-bottom: 2px solid transparent;
}
.tabs-wrapper .tab-link.is-active,
.s-tabs-title.is-active {
  border-bottom-color: var(--sd-gold) !important;
}

/* ---------- 9) حقول الإدخال ---------- */
input, select, textarea,
.s-form-control {
  border: 1px solid var(--sd-line) !important;
  border-radius: 2px !important;
  background: #fff;
  color: var(--sd-wine);
}
input:focus, select:focus, textarea:focus {
  border-color: var(--sd-gold) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(184, 146, 79, .2);
}

/* ---------- 10) الفوتر ---------- */
.store-footer,
footer.store-footer {
  background: var(--sd-wine-deep) !important;
  color: #F3E8E0 !important;
}
.store-footer h3,
.store-footer .footer-title,
.store-footer__title {
  color: var(--sd-gold) !important;
  font-family: var(--sd-font-body) !important;
  font-size: 16px;
  font-weight: 600;
}
.store-footer a { color: #F3E8E0 !important; }
.store-footer a:hover { color: var(--sd-gold) !important; opacity: 1; }
.store-footer .copyright,
.store-footer .footer-bottom {
  border-top: 1px solid #5A2A41;
  font-size: 13px;
  opacity: .8;
}

/* ---------- 11) الجوال ---------- */
@media (max-width: 767px) {
  .s-block__title h2,
  .s-block-title h2,
  .section-title-wrapper h2 { font-size: 30px; }

  .s-block--hero-slider h1,
  .s-block--hero-slider h2,
  .main-slider h2 { font-size: 38px; }

  .product-single h1,
  .product-details h1,
  .product__title { font-size: 32px; }
}