/* =========================================
   الصفحة الرئيسية فقط - خلفية سوداء عامة
   بدون التأثير على صفحات المنتجات الداخلية
========================================= */

body.home,
body.index {
  background: #000000 !important;
  background-color: #000000 !important;
}

body.home #main,
body.home main,
body.home .main-content,
body.home .page-wrapper,
body.home .s-block,
body.home .container,
body.home section,
body.index #main,
body.index main,
body.index .main-content,
body.index .page-wrapper,
body.index .s-block,
body.index .container,
body.index section {
  background-color: transparent !important;
  background-image: none !important;
}
/* =========================================
   الصفحة الرئيسية فقط - تفاعلات جمالية
========================================= */

/* 1) جميع الروابط في الصفحة الرئيسية */
body.home a,
body.index a {
  transition: all 0.3s ease !important;
}

body.home a:hover,
body.home a:focus,
body.index a:hover,
body.index a:focus {
  color: #D4AF37 !important;
}

/* 2) البنرات والمربعات والكروت */
body.home .s-block,
body.home .swiper-slide,
body.home .banner,
body.home .fixed-banner,
body.home .testimonial,
body.home .testimonial-card,
body.home .feature-item,
body.home .item,
body.home article,
body.home .card,
body.index .s-block,
body.index .swiper-slide,
body.index .banner,
body.index .fixed-banner,
body.index .testimonial,
body.index .testimonial-card,
body.index .feature-item,
body.index .item,
body.index article,
body.index .card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

/* 3) تأثير المرور على العناصر */
body.home .swiper-slide:hover,
body.home .banner:hover,
body.home .fixed-banner:hover,
body.home .testimonial:hover,
body.home .testimonial-card:hover,
body.home .feature-item:hover,
body.home .item:hover,
body.home article:hover,
body.home .card:hover,
body.index .swiper-slide:hover,
body.index .banner:hover,
body.index .fixed-banner:hover,
body.index .testimonial:hover,
body.index .testimonial-card:hover,
body.index .feature-item:hover,
body.index .item:hover,
body.index article:hover,
body.index .card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 14px 30px rgba(212, 175, 55, 0.12) !important;
}

/* 4) الصور داخل البنرات والكروت */
body.home img,
body.index img {
  transition: transform 0.35s ease, opacity 0.35s ease !important;
}

body.home .swiper-slide:hover img,
body.home .banner:hover img,
body.home .fixed-banner:hover img,
body.home article:hover img,
body.home .card:hover img,
body.index .swiper-slide:hover img,
body.index .banner:hover img,
body.index .fixed-banner:hover img,
body.index article:hover img,
body.index .card:hover img {
  transform: scale(1.03) !important;
}

/* 5) مميزات المتجر */
body.home .store-features .feature-item:hover,
body.home .features .feature-item:hover,
body.home .s-block--features .feature-item:hover,
body.home .s-features .feature-item:hover,
body.index .store-features .feature-item:hover,
body.index .features .feature-item:hover,
body.index .s-block--features .feature-item:hover,
body.index .s-features .feature-item:hover {
  border-color: #D4AF37 !important;
}

/* 6) آراء العملاء - النجوم */
body.home .rating i,
body.home .stars i,
body.home .testimonial i,
body.home svg,
body.index .rating i,
body.index .stars i,
body.index .testimonial i,
body.index svg {
  transition: all 0.3s ease !important;
}

body.home .testimonial:hover .rating i,
body.home .testimonial:hover .stars i,
body.home .testimonial:hover svg,
body.home .testimonial-card:hover .rating i,
body.home .testimonial-card:hover .stars i,
body.home .testimonial-card:hover svg,
body.index .testimonial:hover .rating i,
body.index .testimonial:hover .stars i,
body.index .testimonial:hover svg,
body.index .testimonial-card:hover .rating i,
body.index .testimonial-card:hover .stars i,
body.index .testimonial-card:hover svg {
  color: #D4AF37 !important;
  fill: #D4AF37 !important;
  stroke: #D4AF37 !important;
  transform: scale(1.08) !important;
}

/* 7) الأزرار */
body.home button,
body.home .btn,
body.index button,
body.index .btn {
  transition: all 0.3s ease !important;
}

body.home button:hover,
body.home .btn:hover,
body.index button:hover,
body.index .btn:hover {
  transform: translateY(-2px) !important;
}
/* =========================================
   الصفحة الرئيسية فقط - زر إضافة للسلة ذهبي عند hover
========================================= */

body.home .btn--add-to-cart,
body.home .btn-primary,
body.home button[type="submit"],
body.home .product-form .btn,
body.home salla-add-product-button button,
body.home .s-product-card-entry button,
body.home .product-card button,
body.home article button,
body.index .btn--add-to-cart,
body.index .btn-primary,
body.index button[type="submit"],
body.index .product-form .btn,
body.index salla-add-product-button button,
body.index .s-product-card-entry button,
body.index .product-card button,
body.index article button {
  transition: all 0.3s ease !important;
}

/* hover */
body.home .btn--add-to-cart:hover,
body.home .btn-primary:hover,
body.home button[type="submit"]:hover,
body.home .product-form .btn:hover,
body.home salla-add-product-button button:hover,
body.home .s-product-card-entry button:hover,
body.home .product-card button:hover,
body.home article button:hover,
body.index .btn--add-to-cart:hover,
body.index .btn-primary:hover,
body.index button[type="submit"]:hover,
body.index .product-form .btn:hover,
body.index salla-add-product-button button:hover,
body.index .s-product-card-entry button:hover,
body.index .product-card button:hover,
body.index article button:hover {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #000000 !important;
  box-shadow: none !important;
}

/* النص والأيقونة داخل الزر */
body.home .btn--add-to-cart:hover *,
body.home .btn-primary:hover *,
body.home button[type="submit"]:hover *,
body.home .product-form .btn:hover *,
body.home salla-add-product-button button:hover *,
body.home .s-product-card-entry button:hover *,
body.home .product-card button:hover *,
body.home article button:hover *,
body.index .btn--add-to-cart:hover *,
body.index .btn-primary:hover *,
body.index button[type="submit"]:hover *,
body.index .product-form .btn:hover *,
body.index salla-add-product-button button:hover *,
body.index .s-product-card-entry button:hover *,
body.index .product-card button:hover *,
body.index article button:hover * {
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
}
/* =========================================
   جميع صفحات المتجر - لون hover ذهبي للروابط والأزرار
========================================= */

/* الروابط */
a {
  transition: all 0.3s ease !important;
}

a:hover,
a:focus {
  color: #D4AF37 !important;
}

/* الأزرار العامة */
button,
.btn,
.btn-primary,
.btn--add-to-cart,
button[type="submit"],
.product-form .btn,
salla-add-product-button button,
.s-product-card-entry button,
.product-card button,
article button {
  transition: all 0.3s ease !important;
}

/* hover على جميع الأزرار */
button:hover,
.btn:hover,
.btn-primary:hover,
.btn--add-to-cart:hover,
button[type="submit"]:hover,
.product-form .btn:hover,
salla-add-product-button button:hover,
.s-product-card-entry button:hover,
.product-card button:hover,
article button:hover,
button:focus,
.btn:focus,
.btn-primary:focus,
.btn--add-to-cart:focus,
button[type="submit"]:focus,
.product-form .btn:focus,
salla-add-product-button button:focus,
.s-product-card-entry button:focus,
.product-card button:focus,
article button:focus {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #000000 !important;
  box-shadow: none !important;
}

/* النصوص والأيقونات داخل الأزرار */
button:hover *,
.btn:hover *,
.btn-primary:hover *,
.btn--add-to-cart:hover *,
button[type="submit"]:hover *,
.product-form .btn:hover *,
salla-add-product-button button:hover *,
.s-product-card-entry button:hover *,
.product-card button:hover *,
article button:hover *,
button:focus *,
.btn:focus *,
.btn-primary:focus *,
.btn--add-to-cart:focus *,
button[type="submit"]:focus *,
.product-form .btn:focus *,
salla-add-product-button button:focus *,
.s-product-card-entry button:focus *,
.product-card button:focus *,
article button:focus * {
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
}
/* =========================================
   الهيدر - تكبير الشعار + تفاعل ذهبي
========================================= */
/* تكبير إضافي عند المرور */
header .logo img:hover,
header .store-logo img:hover,
header .navbar-brand img:hover,
header .brand img:hover {
  transform: scale(1.05) !important;
}

/* روابط وأزرار الهيدر */
header a,
header button,
header .btn,
header .user-menu-trigger,
header .cart-summary,
header .cart-summary a,
header salla-user-menu,
header salla-cart-summary {
  transition: all 0.3s ease !important;
}

/* تفاعل ذهبي */
header a:hover,
header a:focus,
header button:hover,
header button:focus,
header .btn:hover,
header .btn:focus,
header .user-menu-trigger:hover,
header .cart-summary:hover,
header .cart-summary a:hover {
  color: #D4AF37 !important;
}

/* الأيقونات في الهيدر */
header a:hover svg,
header a:hover i,
header button:hover svg,
header button:hover i,
header .btn:hover svg,
header .btn:hover i,
header .cart-summary:hover svg,
header .cart-summary:hover i {
  color: #D4AF37 !important;
  fill: #D4AF37 !important;
  stroke: #D4AF37 !important;
}