/* ===== تحسين تنسيق متجر سلة البنفسجي ===== */

/* خلفية الصفحة */
body#app.index {
  background: white;
}

/* تحسين الصور */
.lazy__bg.lazy.entered.loaded {
  background-size: contain;
  background-repeat: no-repeat;
}
a.banner-entry.square-photos,
img {
  background: transparent !important;
  border-radius: 0;
}

/* تنسيق البنرات */
.two-row .banner-entry:first-child {
  grid-column: span 1 / span 1;
  grid-row: span 1 / span 2;
}
.s-block--banners .grid.two-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 768px) {
  .s-block--banners .grid.two-row {
    grid-template-columns: repeat(2, 1fr);
  }
  section.s-block--banners:nth-of-type(2) .banner-entry {
    height: 95px !important;
  }
}

/* عناوين الأقسام */
.salla-products-slider .s-slider-block__title h2,
.s-block__title h2 {
  color: #8F56B2;
  font-size: 20px;
  border: 2px solid #8F56B2;
  border-radius: 10px;
  padding: 10px 20px;
  display: inline-block;
}

/* كروت المنتجات */
.s-product-card-entry,
custom-salla-product-card.s-product-card-entry {
  border: 2px solid #8F56B2;
  border-radius: 8px;
  padding: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.s-product-card-entry:hover {
  transform: scale(0.97);
  box-shadow: none;
}
.s-product-card-price {
  color: #8F56B2;
  text-align: center;
}
.s-product-card-content-title a {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  display: block;
}
.s-button-btn.s-button-primary-outline {
  background-color: #8F56B2;
  color: white;
}
.s-button-btn.s-button-primary-outline:hover {
  background-color: #8F56B2;
  color: white;
}

/* شريط الأقسام (الهيدر) */
.main-nav-container {
  background-color: #8e57b0 !important;
  box-shadow: none !important;
}
.main-nav-container a {
  color: #ffffff !important;
}
.main-nav-container a:hover {
  color: #f3e8fc !important;
}

/* تكبير اللوجو */
.navbar-brand img {
  height: 80px !important;
  max-height: unset !important;
  width: auto !important;
}

/* ===== القوائم الفرعية ===== */
.submenu,
.sub-menu,
.dropdown-content,
.dropdown-menu {
  background-color: #8e44ad !important;
  color: #fff !important;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  z-index: 9999;
}
.submenu a,
.sub-menu a,
.dropdown-content a,
.dropdown-menu a {
  color: #fff !important;
  display: block;
  padding: 8px 15px;
  font-weight: 500;
  text-decoration: none;
}
.submenu a:hover,
.sub-menu a:hover,
.dropdown-content a:hover,
.dropdown-menu a:hover {
  background-color: #732d91 !important;
  color: #ffffff !important;
  border-radius: 6px;
}
.nav-item:hover .submenu,
.nav-item:hover .sub-menu,
.nav-item:hover .dropdown-content,
.nav-item:hover .dropdown-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}