/* --- ألوان هوية جراف --- */
:root {
  --jeraf-white: #f6f6f4;
  --jeraf-beige: #e6dccc;
  --jeraf-sand: #eca764;
  --jeraf-rust: #c95522;
  --jeraf-sage: #57745a;
  --jeraf-dark-green: #324d46;
}

/* =========================================
   HEADER SECTION
   ========================================= */

/* --- الشريط العلوي (Top Navbar) --- */
.store-header .top-navbar {
  background-color: var(--jeraf-dark-green) !important;
  border-bottom: 2px solid var(--jeraf-sand) !important;
  padding: 8px 0 !important;
}

.store-header .top-navbar a,
.store-header .top-navbar .s-contacts-topnav-link,
.store-header .top-navbar .topnav-link-item {
  color: var(--jeraf-white) !important;
  font-weight: 500;
  transition: color 0.3s ease;
}

.store-header .top-navbar a:hover,
.store-header .top-navbar .topnav-link-item:hover {
  color: var(--jeraf-sand) !important;
}

/* --- شريط البحث --- */
.store-header salla-search .s-search-input {
  border: 1px solid var(--jeraf-sage) !important;
  border-radius: 25px !important;
  background-color: var(--jeraf-white) !important;
  color: var(--jeraf-dark-green) !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
  transition: all 0.3s ease !important;
}

.store-header salla-search .s-search-input:focus {
  border-color: var(--jeraf-rust) !important;
  box-shadow: 0 2px 10px rgba(201, 85, 34, 0.15) !important;
  outline: none;
}

.store-header salla-search .s-search-icon svg {
  fill: var(--jeraf-sage) !important;
}

/* --- القائمة الرئيسية (Main Nav) --- */
.store-header .main-nav-container {
  background-color: var(--jeraf-white) !important;
  border-bottom: 3px solid var(--jeraf-sage) !important;
  box-shadow: 0 4px 15px rgba(50, 77, 70, 0.08) !important;
  transition: all 0.4s ease;
}

/* روابط الأقسام */
.store-header .main-menu a {
  color: var(--jeraf-dark-green) !important;
  font-weight: 700;
  font-size: 16px;
  position: relative;
  padding-bottom: 5px;
  transition: color 0.3s ease;
}

.store-header .main-menu a:hover {
  color: var(--jeraf-sage) !important;
}

.store-header .main-menu a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  right: 0;
  background-color: var(--jeraf-sand);
  transition: width 0.3s ease;
}

.store-header .main-menu a:hover::after {
  width: 100%;
}

/* --- الأيقونات (السلة، المستخدم، القائمة للموبايل) --- */
.store-header .s-cart-summary-icon svg,
.store-header .s-user-menu-login-btn svg,
.store-header .sicon-menu {
  fill: var(--jeraf-sage) !important;
  color: var(--jeraf-sage) !important;
  transition: transform 0.3s ease, fill 0.3s ease;
}

.store-header .s-cart-summary-wrapper:hover .s-cart-summary-icon svg,
.store-header .s-user-menu-login-btn:hover svg {
  fill: var(--jeraf-dark-green) !important;
  transform: scale(1.1);
}

/* رقم عدد المنتجات في السلة (Badge) */
.store-header .s-cart-summary-count {
  background-color: var(--jeraf-rust) !important;
  color: var(--jeraf-white) !important;
  border: 2px solid var(--jeraf-white) !important;
  font-weight: bold;
}

.store-header .s-cart-summary-total {
  color: var(--jeraf-dark-green) !important;
}

/* =========================================
   FOOTER SECTION
   ========================================= */

/* --- الحاوية الأساسية للفوتر --- */
.store-footer {
  border-top: 4px solid var(--jeraf-sage);
}

.store-footer__inner {
  background-color: var(--jeraf-dark-green) !important;
  color: var(--jeraf-white) !important;
  padding: 3rem 0; /* مساحة مناسبة للفوتر الداخلي */
}

/* --- العناوين في الفوتر --- */
.store-footer h3, 
.store-footer .s-contacts-title {
  color: var(--jeraf-sand) !important;
  font-weight: bold;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
}

/* --- الروابط (روابط مهمة) --- */
.store-footer .s-menu-footer-item {
  color: var(--jeraf-white) !important;
  transition: all 0.3s ease;
  padding: 5px 0;
  display: block;
}

.store-footer .s-menu-footer-item:hover {
  color: var(--jeraf-sand) !important;
  transform: translateX(-5px); /* حركة خفيفة لليسار عند التمرير (عربي) */
}

/* --- التواصل (أيقونات ونص) --- */
.store-footer .s-contacts-item {
  color: var(--jeraf-beige) !important;
  transition: color 0.3s ease;
}

.store-footer .s-contacts-item:hover {
  color: var(--jeraf-white) !important;
}

.store-footer .s-contacts-icon svg {
  fill: var(--jeraf-sand) !important;
  transition: fill 0.3s ease, transform 0.3s ease;
}

.store-footer .s-contacts-item:hover .s-contacts-icon svg {
  fill: var(--jeraf-white) !important;
  transform: scale(1.1);
}

/* --- أيقونات التواصل الاجتماعي --- */
.store-footer .s-social-icon svg {
  fill: var(--jeraf-sand) !important;
  transition: fill 0.3s ease, transform 0.3s ease;
}

.store-footer .s-social-link a:hover .s-social-icon svg {
  fill: var(--jeraf-white) !important;
  transform: translateY(-3px); /* حركة لأعلى */
}

/* --- شارات الثقة (السجل التجاري) --- */
.store-footer .s-trust-badges-wrapper {
  background-color: rgba(87, 116, 90, 0.1) !important; /* لون مريمية شفاف */
  border: 1px solid var(--jeraf-sage) !important;
  border-radius: 12px;
  padding: 10px;
  transition: all 0.3s ease;
}

.store-footer .s-trust-badges-wrapper:hover {
  background-color: rgba(87, 116, 90, 0.2) !important;
  border-color: var(--jeraf-sand) !important;
}

.store-footer .s-trust-badges-label {
  color: var(--jeraf-beige) !important;
}

.store-footer .s-trust-badges-number {
  color: var(--jeraf-white) !important;
}

/* --- شريط حقوق النشر والدفع (الجزء السفلي) --- */
.store-footer .container.text-center {
  border-top: 1px solid rgba(50, 77, 70, 0.1); /* خط فاصل خفيف */
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.store-footer .copyright-text {
  color: var(--jeraf-dark-green) !important;
  font-weight: 600;
}

.store-footer .copyright-text a {
  color: var(--jeraf-sand) !important;
  transition: color 0.3s ease;
}

.store-footer .copyright-text a:hover {
  color: var(--jeraf-rust) !important;
}

/* خفوت أيقونات الدفع وإبرازها عند التمرير */
.store-footer .s-payments-list-item img {
  opacity: 0.7;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.store-footer .s-payments-list-item img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* =========================================
   PRODUCT CARD SECTION (SALLA COMPONENT)
   ========================================= */

/* --- حاوية الكارت الأساسية --- */
custom-salla-product-card,
.s-product-card-entry {
  background-color: var(--jeraf-white) !important;
  border: 1px solid var(--jeraf-beige) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

custom-salla-product-card:hover,
.s-product-card-entry:hover {
  box-shadow: 0 10px 25px rgba(50, 77, 70, 0.1) !important;
  transform: translateY(-5px) !important;
}

/* --- صورة المنتج --- */
.s-product-card-image {
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.s-product-card-image-cover {
  transition: transform 0.5s ease !important;
}

custom-salla-product-card:hover .s-product-card-image-cover,
.s-product-card-entry:hover .s-product-card-image-cover {
  transform: scale(1.05) !important;
}

/* --- زر المفضلة (Wishlist) --- */
.s-product-card-wishlist-btn button {
  background-color: rgba(246, 246, 244, 0.85) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  transition: all 0.3s ease !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.s-product-card-wishlist-btn button i {
  color: var(--jeraf-sage) !important;
  transition: color 0.3s ease, transform 0.3s ease !important;
}

.s-product-card-wishlist-btn button:hover {
  background-color: var(--jeraf-white) !important;
}

.s-product-card-wishlist-btn button:hover i {
  color: var(--jeraf-rust) !important;
  transform: scale(1.15) !important;
}

/* --- محتوى الكارت (تفاصيل المنتج) --- */
.s-product-card-content {
  padding: 1.25rem !important;
}

/* اسم المنتج */
.s-product-card-content-title a {
  color: var(--jeraf-dark-green) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.s-product-card-content-title a:hover {
  color: var(--jeraf-sage) !important;
}

/* سعر المنتج */
.s-product-card-price {
  color: var(--jeraf-rust) !important;
  font-weight: 800 !important;
  font-size: 1.25rem !important;
}

.s-product-card-price i {
  font-size: 0.9rem !important;
  color: var(--jeraf-sage) !important;
}

/* --- زر إضافة للسلة --- */
.s-product-card-content-footer salla-button button.s-button-btn {
  background-color: var(--jeraf-sage) !important;
  color: var(--jeraf-white) !important;
  border: 1px solid var(--jeraf-sage) !important;
  border-radius: 8px !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease !important;
  position: relative;
  overflow: hidden;
}

.s-product-card-content-footer salla-button button.s-button-btn i {
  font-size: 1.2rem !important;
}

.s-product-card-content-footer salla-button button.s-button-btn:hover {
  background-color: var(--jeraf-dark-green) !important;
  border-color: var(--jeraf-dark-green) !important;
  transform: translateY(-2px) !important;
  color: var(--jeraf-white) !important;
}

/* تأثير الـ Ripple (للجافاسكربت) */
.s-product-card-content-footer salla-button button.s-button-btn .ripple {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple-anim 0.6s linear;
  background-color: rgba(255, 255, 255, 0.4);
}

@keyframes ripple-anim {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

/* =========================================
   FIXED BANNER SECTION
   ========================================= */

section[component-id="1825324258"] {
  margin-top: 0 !important;
}

section[component-id="1825324258"] .container {
  max-width: 100% !important;
  padding: 0 !important;
}

/* =========================================
   PRODUCT DETAILS SECTION
   ========================================= */

/* --- الحاوية الأساسية لصفحة المنتج --- */
.container--product-details {
  background-color: var(--jeraf-white) !important;
  padding: 2rem !important;
  border-radius: 16px;
  box-shadow: 0 5px 25px rgba(50, 77, 70, 0.05);
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
  border: 1px solid rgba(230, 220, 204, 0.5); /* جراف بيج شفاف */
}

/* --- عنوان المنتج --- */
.container--product-details h1 {
  color: var(--jeraf-dark-green) !important;
  font-weight: 900 !important;
  font-size: 2rem !important;
  margin-bottom: 1rem !important;
  line-height: 1.4 !important;
}

/* --- السعر --- */
.container--product-details .total-price {
  color: var(--jeraf-rust) !important;
  font-weight: bold !important;
  font-size: 1.8rem !important;
  background-color: rgba(201, 85, 34, 0.05);
  padding: 12px 20px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1.5rem !important;
  border: 1px solid rgba(201, 85, 34, 0.15);
}

.container--product-details .total-price span.text-sm {
  color: var(--jeraf-sage) !important;
  font-weight: normal;
  font-size: 1.1rem !important;
}

/* --- زر إضافة للسلة الأساسي --- */
.container--product-details salla-button.btn--add-to-cart button.s-button-btn {
  background-color: var(--jeraf-sage) !important;
  color: var(--jeraf-white) !important;
  border-radius: 12px !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  padding: 1rem 2.5rem !important;
  width: 100% !important;
  border: 2px solid var(--jeraf-sage) !important;
  transition: all 0.4s ease !important;
  box-shadow: 0 4px 15px rgba(87, 116, 90, 0.25) !important;
  position: relative;
  overflow: hidden;
}

.container--product-details salla-button.btn--add-to-cart button.s-button-btn:hover {
  background-color: var(--jeraf-dark-green) !important;
  border-color: var(--jeraf-dark-green) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(50, 77, 70, 0.35) !important;
}

/* تأثير الـ Ripple لزر السلة في صفحة المنتج (للجافاسكربت) */
.container--product-details salla-button.btn--add-to-cart button.s-button-btn .ripple {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple-anim 0.6s linear;
  background-color: rgba(255, 255, 255, 0.4);
}

/* --- التبويبات (الوصف، التقييمات وغيرها) --- */
.container--product-details .s-tabs-header {
  border-bottom: 2px solid var(--jeraf-beige) !important;
  margin-bottom: 2rem !important;
}

.container--product-details .s-tabs-btn {
  color: var(--jeraf-sage) !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  padding: 1rem 2rem !important;
  border: none !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
}

.container--product-details .s-tabs-btn.is-active,
.container--product-details .s-tabs-btn:hover {
  color: var(--jeraf-dark-green) !important;
  border-bottom: 4px solid var(--jeraf-sand) !important;
}

/* --- محتوى التبويبات ووصف المنتج --- */
.container--product-details .product-description {
  color: var(--jeraf-dark-green) !important;
  line-height: 1.9 !important;
  font-size: 1.1rem !important;
}

/* --- قسم خيارات المنتج (إن وجدت) --- */
.container--product-details .product-options {
  background-color: rgba(230, 220, 204, 0.2); /* بيج شفاف جداً */
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid var(--jeraf-beige);
  margin-bottom: 1.5rem;
}

/* --- قسم شارك المنتج --- */
.container--product-details .share-btns {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 2px dashed var(--jeraf-beige);
}

/* =========================================
   PRODUCT SCARCITY BANNER & LIVE COUNTER
   ========================================= */

/* --- رسالة نفاذ الكمية (Scarcity Banner) --- */
.miraf-scarcity-banner {
  background-color: rgba(201, 85, 34, 0.05); /* لون الصدئ شفاف */
  border: 1px solid rgba(201, 85, 34, 0.15);
  border-radius: 12px;
  padding: 15px;
  margin-bottom: 1.5rem; /* مسافة للأسفل قبل زر السلة */
}

.miraf-scarcity-banner .banner-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.miraf-scarcity-banner .fire-icon {
  font-size: 1.3rem;
  animation: fire-pulse 1.2s ease-in-out infinite alternate;
}

@keyframes fire-pulse {
  from { transform: scale(1); }
  to { transform: scale(1.2); }
}

.miraf-scarcity-banner .banner-text {
  color: var(--jeraf-rust);
  font-size: 1rem;
  margin: 0;
}

.miraf-scarcity-banner .banner-text strong {
  font-weight: 800;
}

.miraf-scarcity-banner .progress-bar-container {
  background-color: rgba(201, 85, 34, 0.15);
  border-radius: 10px;
  height: 8px;
  overflow: hidden;
}

.miraf-scarcity-banner .progress-bar-fill {
  background-color: var(--jeraf-rust);
  height: 100%;
  border-radius: 10px;
  animation: progress-pulse 2s ease-in-out infinite alternate;
}

@keyframes progress-pulse {
  from { opacity: 0.8; }
  to { opacity: 1; }
}

/* --- عداد التصفح الحي (Live Counter) --- */
.miraf-live-counter {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 1.2rem; /* مسافة للأعلى بعد زر السلة */
  padding: 12px;
  background-color: rgba(87, 116, 90, 0.05); /* لون المريمية شفاف */
  border-radius: 12px;
  border: 1px dashed var(--jeraf-sage);
}

.miraf-live-counter .pulse-dot {
  width: 10px;
  height: 10px;
  background-color: #22c55e; /* أخضر ساطع ليدل على البث الحي */
  border-radius: 50%;
  animation: dot-pulse 1.5s infinite;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
}

@keyframes dot-pulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

.miraf-live-counter .counter-text {
  color: var(--jeraf-dark-green);
  font-size: 0.95rem;
  margin: 0;
}

.miraf-live-counter .counter-text strong {
  font-weight: 800;
  color: var(--jeraf-rust);
  font-size: 1.15rem;
}