/* Add custom CSS styles below */ 
/* =====================================================
   منصة عطاء لبنات - تخصيص ثيم سلة
   ألوان وهوية العناية بالمساجد
   ===================================================== */

/* متغيرات الهوية */
:root {
  --labanat-primary: #0F5C63;
  --labanat-primary-dark: #0B4E54;
  --labanat-secondary: #A9A78A;
  --labanat-bg: #F8F6F0;
  --labanat-card: #FFFFFF;
  --labanat-text: #333333;
  --labanat-muted: #666666;
  --labanat-border: rgba(15, 92, 99, 0.14);
  --labanat-shadow: 0 10px 30px rgba(15, 92, 99, 0.10);
}

/* الخلفية العامة */
body {
  background: var(--labanat-bg) !important;
  color: var(--labanat-text) !important;
}

/* تحسين الخط العربي والتباعد */
body,
button,
input,
textarea,
select {
  letter-spacing: 0 !important;
}

/* روابط عامة */
a {
  transition: all 0.25s ease;
}

a:hover {
  color: var(--labanat-primary) !important;
}

/* =====================================================
   الهيدر والقوائم
   ===================================================== */

.store-header,
.main-header,
header,
.navbar,
.main-menu {
  background: #ffffff !important;
}

.main-menu,
.header,
.store-header {
  box-shadow: 0 4px 18px rgba(15, 92, 99, 0.06) !important;
}

/* روابط القائمة */
.main-menu a,
.navbar a,
header a {
  color: var(--labanat-text) !important;
  font-weight: 600;
}

.main-menu a:hover,
.navbar a:hover,
header a:hover {
  color: var(--labanat-primary) !important;
}

/* إبراز الرابط النشط */
.main-menu a.active,
.navbar a.active,
header a.active {
  color: var(--labanat-primary) !important;
}

/* الشعار */
.navbar-brand img,
.store-logo img,
.logo img {
  max-height: 68px !important;
  object-fit: contain;
}

/* =====================================================
   الأزرار
   ===================================================== */

button,
.btn,
.s-button-btn,
.s-button-primary,
.s-button-element,
button[type="submit"],
a.btn,
a.button {
  border-radius: 14px !important;
  transition: all 0.25s ease !important;
}

/* الزر الأساسي */
.s-button-primary,
.btn-primary,
button[type="submit"],
.s-button-btn[class*="primary"] {
  background: var(--labanat-primary) !important;
  border-color: var(--labanat-primary) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 18px rgba(15, 92, 99, 0.18) !important;
}

.s-button-primary:hover,
.btn-primary:hover,
button[type="submit"]:hover,
.s-button-btn[class*="primary"]:hover {
  background: var(--labanat-primary-dark) !important;
  border-color: var(--labanat-primary-dark) !important;
  transform: translateY(-1px);
}

/* أزرار السلة والإضافة */
.s-add-product-button-main,
.s-button-btn.s-button-primary,
.product-add-to-cart,
.add-to-cart {
  background: var(--labanat-primary) !important;
  border-color: var(--labanat-primary) !important;
  color: #fff !important;
}

/* =====================================================
   عناوين الأقسام
   ===================================================== */

.s-block__title,
.s-block-title,
.section-title,
.home-section-title,
.products-slider .s-slider-block__title {
  color: var(--labanat-primary) !important;
  font-weight: 800 !important;
  text-align: center;
}

.s-block__title h2,
.s-block-title h2,
.section-title h2,
.s-slider-block__title h2 {
  color: var(--labanat-primary) !important;
  font-weight: 800 !important;
}

/* زخرفة بسيطة أسفل عناوين الأقسام */
.s-block__title::after,
.s-block-title::after,
.section-title::after,
.s-slider-block__title::after {
  content: "";
  display: block;
  width: 84px;
  height: 3px;
  margin: 12px auto 0;
  background: linear-gradient(
    90deg,
    transparent,
    var(--labanat-secondary),
    var(--labanat-primary),
    var(--labanat-secondary),
    transparent
  );
  border-radius: 99px;
}

/* =====================================================
   بطاقات المنتجات / فرص التبرع
   ===================================================== */

.s-product-card-entry,
.product-entry,
.product-card,
.s-product-card {
  background: var(--labanat-card) !important;
  border: 1px solid var(--labanat-border) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(15, 92, 99, 0.08) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.s-product-card-entry:hover,
.product-entry:hover,
.product-card:hover,
.s-product-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--labanat-shadow) !important;
}

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

/* عنوان المنتج */
.s-product-card-content-title,
.s-product-card-content-title a,
.product-entry__title,
.product-card__title,
.product-title,
.s-product-card h3,
.s-product-card h3 a {
  color: var(--labanat-primary) !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
}

/* وصف المنتج */
.s-product-card-content-sub,
.product-entry__sub-title,
.product-card__subtitle,
.product-description {
  color: var(--labanat-muted) !important;
  line-height: 1.8 !important;
}

/* السعر / مبلغ التبرع */
.s-product-card-price,
.product-price,
.price,
.s-price {
  color: var(--labanat-primary) !important;
  font-weight: 800 !important;
}

/* =====================================================
   البطاقات الأربع / التصنيفات إن ظهرت كصور أو مربعات
   ===================================================== */

.category-card,
.salla-categories-card,
.s-categories-slider-card,
.s-category-card,
a[href*="categories"] {
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(15, 92, 99, 0.08) !important;
  transition: all 0.25s ease !important;
}

.category-card:hover,
.salla-categories-card:hover,
.s-categories-slider-card:hover,
.s-category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(15, 92, 99, 0.12) !important;
}

/* =====================================================
   السلايدر / البنر الرئيسي
   ===================================================== */

.s-slider-container,
.s-slider-block,
.home-slider,
.main-slider {
  border-radius: 0 0 28px 28px;
  overflow: hidden;
}

.s-slider-container img,
.home-slider img,
.main-slider img {
  object-fit: cover !important;
}

/* نقاط السلايدر */
.swiper-pagination-bullet,
.s-slider-dot {
  background: var(--labanat-secondary) !important;
  opacity: 0.6 !important;
}

.swiper-pagination-bullet-active,
.s-slider-dot-active {
  background: var(--labanat-primary) !important;
  opacity: 1 !important;
}

/* =====================================================
   شريط الثقة / ميزات المتجر
   ===================================================== */

.features,
.store-features,
.s-features,
.s-block--features,
.s-store-features,
.s-block-features {
  background: #ffffff !important;
  border-radius: 26px !important;
  border: 1px solid var(--labanat-border) !important;
  box-shadow: 0 8px 24px rgba(15, 92, 99, 0.07) !important;
  padding: 24px !important;
}

.features *,
.store-features *,
.s-features *,
.s-block--features *,
.s-store-features * {
  color: var(--labanat-text);
}

.features svg,
.store-features svg,
.s-features svg,
.s-store-features svg,
.s-block--features svg {
  color: var(--labanat-primary) !important;
  fill: none;
}

/* عناوين الميزات */
.features h3,
.store-features h3,
.s-features h3,
.s-store-features h3,
.s-block--features h3 {
  color: var(--labanat-primary) !important;
  font-weight: 800 !important;
}

/* =====================================================
   صفحة المنتج / فرصة التبرع
   ===================================================== */

.product-single,
.s-product-single,
.product-details,
.product-main {
  background: #ffffff;
  border-radius: 24px;
}

.product-single h1,
.s-product-single h1,
.product-details h1,
.product-title {
  color: var(--labanat-primary) !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
}

.product-description,
.product-single__description,
.s-product-description {
  color: var(--labanat-text) !important;
  line-height: 1.9 !important;
  font-size: 1rem !important;
}

/* =====================================================
   السلة والدفع
   ===================================================== */

.cart,
.cart-item,
.s-cart-item,
.checkout,
.order-summary {
  border-radius: 18px !important;
}

.cart *,
.checkout *,
.order-summary * {
  font-family: inherit !important;
}

/* =====================================================
   الفوتر
   ===================================================== */

.store-footer,
footer,
.footer {
  background: var(--labanat-primary-dark) !important;
  color: #ffffff !important;
}

.store-footer *,
footer *,
.footer * {
  color: #ffffff !important;
}

.store-footer a:hover,
footer a:hover,
.footer a:hover {
  color: var(--labanat-secondary) !important;
}

.store-footer h3,
footer h3,
.footer h3 {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* خط علوي للفوتر */
.store-footer,
footer {
  border-top: 6px solid var(--labanat-secondary) !important;
}

/* =====================================================
   عناصر إدخال البيانات
   ===================================================== */

input,
textarea,
select {
  border-radius: 14px !important;
  border-color: rgba(15, 92, 99, 0.18) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--labanat-primary) !important;
  box-shadow: 0 0 0 3px rgba(15, 92, 99, 0.10) !important;
  outline: none !important;
}

/* =====================================================
   تحسينات للجوال
   ===================================================== */

@media (max-width: 768px) {
  .navbar-brand img,
  .store-logo img,
  .logo img {
    max-height: 52px !important;
  }

  .s-block__title h2,
  .s-block-title h2,
  .section-title h2,
  .s-slider-block__title h2 {
    font-size: 1.45rem !important;
    line-height: 1.6 !important;
  }

  .s-product-card-entry,
  .product-entry,
  .product-card,
  .s-product-card {
    border-radius: 18px !important;
  }

  .features,
  .store-features,
  .s-features,
  .s-block--features,
  .s-store-features {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  .s-slider-container,
  .s-slider-block,
  .home-slider,
  .main-slider {
    border-radius: 0 0 18px 18px;
  }
}

/* =====================================================
   لمسة زخرفية خفيفة لبعض الأقسام
   ===================================================== */

.s-block,
.section,
.home-section {
  position: relative;
}

.s-block:nth-of-type(even),
.section:nth-of-type(even),
.home-section:nth-of-type(even) {
  background-image:
    radial-gradient(circle at top right, rgba(169, 167, 138, 0.08), transparent 35%),
    radial-gradient(circle at bottom left, rgba(15, 92, 99, 0.05), transparent 35%);
}

/* =====================================================
   إخفاء أي حواف حادة غير مرغوبة
   ===================================================== */

img {
  max-width: 100%;
}

.rounded,
.s-rounded {
  border-radius: 18px !important;
}