/* Add custom CSS styles below */ 
/* 1. إخفاء الرأس والتذييل الخاصين بمنصة سلة بشكل جذري */
footer, .s-footer, salla-footer, #app-footer, .store-footer {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
}

/* 2. إزالة المسافات بين الأقسام المكونة لثيم ماركت (Web Components) */
.s-block, .s-section, section, div[class*="section-"], salla-slider, salla-products-slider, .container, .container-fluid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. إلغاء الفراغات الأساسية في هيكل صفحة سلة بالكامل */
#app, .store-wrapper, main, body, html {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    background-color: #f8f9fa !important; /* توحيد لون الخلفية لدمج الأقسام */
}

/* 4. إجبار المكونات على التلاصق التام */
* {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}




/* ========== خط عربي احترافي ========== */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
body, .salla-theme { font-family: 'Cairo', sans-serif !important; direction: rtl; }

/* ========== الشريط العلوي الأزرق ========== */
.salla-topbar {
  background: #1a4fb5 !important;
  color: #fff !important;
  font-size: 13px !important;
}
.salla-topbar a { color: #fff !important; }

/* ========== الهيدر ========== */
.header__wrapper {
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
  padding: 12px 0 !important;
}

/* شريط البحث سلة */
.salla-search-form input {
  border-radius: 50px !important;
  border: 2px solid #e2e8f0 !important;
  padding: 14px 130px 14px 55px !important;
  font-size: 14px !important;
}
.salla-search-form button {
  background: #ff8c00 !important;
  border-radius: 50% !important;
  width: 45px !important;
  height: 45px !important;
  left: 5px !important;
  right: auto !important;
}

/* أيقونة السلة */
.cart-dropdown__counter {
  background: #ff8c00 !important;
  font-weight: 700 !important;
  min-width: 22px !important;
  height: 22px !important;
}

/* ========== القائمة الرئيسية ========== */
.main-menu > ul > li > a {
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 10px 18px !important;
  border-radius: 50px !important;
  transition: 0.3s !important;
}
.main-menu > ul > li.active > a,
.main-menu > ul > li > a:hover {
  background: #f5f8ff !important;
  color: #1a4fb5 !important;
  border: 1px solid #1a4fb5 !important;
}

/* ========== البنر الرئيسي Slider ========== */
.salla-slider--main .swiper-slide {
  background: linear-gradient(135deg, #1a4fb5 0%, #2563eb 100%) !important;
  border-radius: 0 0 40px 40px !important;
  padding: 60px 40px !important;
}
.salla-slider--main .swiper-slide h2 {
  font-size: 48px !important;
  font-weight: 800 !important;
  color: #fff !important;
}
.salla-slider--main .swiper-slide h2 span { color: #ff8c00 !important; }
.salla-slider--main .swiper-slide p { 
  color: rgba(255,255,255,0.9) !important;
  font-size: 18px !important;
  margin: 20px 0 !important;
}
.salla-slider--main .btn-primary {
  background: #ff8c00 !important;
  border-radius: 50px !important;
  padding: 14px 35px !important;
  font-weight: 700 !important;
  border: none !important;
}

/* نقاط السلايدر */
.salla-slider--main .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background: rgba(255,255,255,0.4) !important;
  opacity: 1 !important;
}
.salla-slider--main .swiper-pagination-bullet-active {
  width: 30px !important;
  border-radius: 10px !important;
  background: #fff !important;
}

/* ========== بلوكات المميزات تحت البنر ========== */
.salla-features {
  margin-top: -40px !important;
  position: relative !important;
  z-index: 2 !important;
}
.salla-features .feature {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  padding: 20px !important;
  border: none !important;
}
.salla-features .feature h4 {
  color: #1a4fb5 !important;
  font-weight: 700 !important;
}

/* ========== كروت الفئات Categories ========== */
.category-card {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
  border: none !important;
  transition: 0.3s !important;
}
.category-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
}

/* كرت العروض الخاصة 40% */
.category-card.offer-card {
  background: linear-gradient(135deg, #1a4fb5 0%, #2563eb 100%) !important;
  color: #fff !important;
}
.category-card.offer-card h3 { 
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 800 !important;
}
.category-card.offer-card .btn {
  background: #ff8c00 !important;
  border-radius: 50px !important;
  border: none !important;
}

/* ========== كروت المنتجات ========== */
.product-card {
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
  border: none !important;
  overflow: hidden !important;
}
.product-card .add-to-cart-btn {
  background: #ff8c00 !important;
  border-radius: 10px !important;
  width: 35px !important;
  height: 35px !important;
  padding: 0 !important;
}
.product-card .price {
  color: #1a4fb5 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

/* ========== شريط الاشتراك ========== */
.newsletter-section {
  background: #1a4fb5 !important;
  border-radius: 16px !important;
  padding: 40px !important;
  margin: 60px 20px !important;
}
.newsletter-section input {
  border-radius: 50px !important;
  border: none !important;
  padding: 14px 20px !important;
}
.newsletter-section button {
  background: #ff8c00 !important;
  border-radius: 50px !important;
  border: none !important;
  font-weight: 700 !important;
  padding: 14px 30px !important;
}

/* جوال */
@media(max-width: 768px){
  .salla-slider--main .swiper-slide h2 { font-size: 32px !important; }
}