/* hero section */
section.s-block--photos-slider {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
}
section.s-block--photos-slider salla-slider,
section.s-block--photos-slider .swiper-slide,
section.s-block--photos-slider a {
    width: 100vw !important;
    max-width: 100vw !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

section.s-block--photos-slider img {
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important; 
    object-fit: cover !important; 
}

/* about section */
section#about-2 {
    background-color: white !important;
}

a.btn.group.bg-primary.text-primary-reverse.h-12.\!px-6.mt-8.gap-2.\!rounded-none {
    border-radius: 25px !important;
}

/*second banner in site*/
section.s-block--fixed-banner {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

section.s-block--fixed-banner .container {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
}

section.s-block--fixed-banner a.banner,
section.s-block--fixed-banner picture,
section.s-block--fixed-banner img {
    width: 100vw !important;
    max-width: 100vw !important;
    display: block !important;
    border-radius: 0 !important;
}

section.s-block--fixed-banner img {
    object-fit: cover !important; 
}


/* إضافة تأثير هوفر (Hover) احترافي لجميع عناصر شبكة الصور */

/* تحسين انتقال الحركة ليكون ناعم */
.s-block--images-grid a {
    transition: all 0.4s ease-in-out !important;
    border-radius: 8px !important;
}

/* حركة الرفع للأعلى وإضافة الظل عند وقوف الماوس */
.s-block--images-grid a:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15) !important;
    z-index: 10 !important;
}

/* تكبير الصورة الداخلية بشكل متناسق */
.s-block--images-grid a:hover img {
    transform: scale(1.08) !important;
    transition: transform 0.5s ease-in-out !important;
}

/* تعديل لون الطبقة الشفافة (الجريديانت) لتغميق الصورة قليلاً وإبرازها */
.s-block--images-grid a:hover .bg-gradient-to-b {
    opacity: 0.8 !important;
    transition: opacity 0.4s ease-in-out !important;
}


/*footer color*/
.footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__newsletter {
    background-color: #774D6D;
    --tw-border-opacity: 1;
    border-bottom-color: #e5e7eb;
    border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}

.footer-is-custom .store-footer .store-footer__curve {
    color: #774D6D;
}

h3 {
    color: white;
}

.store-footer:not(.basic-footer) .footer-description, .store-footer:not(.basic-footer) .footer-description p, .store-footer:not(.basic-footer) .footer-description+p {
    margin-bottom: 20px;
    text-align: center;
    color: white;
}

a.block.mb-5.last\:mb-0.text-sm.leading-none {
    color: white;
}
p.s-trust-badges-label {
    color: white;
}

.s-trust-badges-number {
    color: white;
}
span.text-unicode.unicode {
    color: white;
}

/* Social icons wrapper */
.store-footer__contacts-row salla-social .s-social-list {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Base icon style */
.store-footer__contacts-row salla-social .s-social-link a {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
  overflow: hidden !important;
}

/* Icon size */
.store-footer__contacts-row salla-social .s-social-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.store-footer__contacts-row salla-social .s-social-icon svg {
  width: 21px !important;
  height: 21px !important;
}

.store-footer__contacts-row salla-social .s-social-icon svg path {
  fill: currentColor !important;
}

/* Instagram real brand style */
.store-footer__contacts-row salla-social a[aria-label="instagram"] {
  background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 12%, #fd5949 38%, #d6249f 62%, #285AEB 100%) !important;
  color: #fff !important;
}

/* Snapchat real brand style */
.store-footer__contacts-row salla-social a[aria-label="snapchat"] {
  background: #fffc00 !important;
  color: #000 !important;
}

/* TikTok real brand style */
.store-footer__contacts-row salla-social a[aria-label="tiktok"] {
  background: #000 !important;
  color: #fff !important;
}

.store-footer__contacts-row salla-social a[aria-label="tiktok"] svg {
  filter: drop-shadow(1.5px 0 #fe2c55) drop-shadow(-1.5px 0 #25f4ee) !important;
}

/* Hover effect */
.store-footer__contacts-row salla-social .s-social-link a:hover {
  transform: translateY(-4px) scale(1.06) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18) !important;
}

/* Mobile */
@media (max-width: 480px) {
  .store-footer__contacts-row salla-social .s-social-link a {
    width: 40px !important;
    height: 40px !important;
  }

  .store-footer__contacts-row salla-social .s-social-icon svg {
    width: 19px !important;
    height: 19px !important;
  }
}


/* Wrapper */
.flex.items-center.justify-center.flex-wrap.gap-5 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* كل أيكون مع رقم */
.flex.items-center.justify-center.flex-wrap.gap-5 a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

/* قاعدة الأيقونة */
.flex.items-center.justify-center.flex-wrap.gap-5 i.contact-icon {
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important; /* شكل دائري */
  box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
  transition: all 0.25s ease !important;
  font-size: 20px !important; /* حجم الايقونة */
}

/* واتساب */
.flex.items-center.justify-center.flex-wrap.gap-5 a[aria-label="whatsapp"] i.contact-icon {
  background: #25D366 !important;
  color: #fff !important;
}

/* موبايل */
.flex.items-center.justify-center.flex-wrap.gap-5 a[aria-label="mobile"] i.contact-icon {
  background: #0084FF !important;
  color: #fff !important;
}

/* هاتف */
.flex.items-center.justify-center.flex-wrap.gap-5 a[aria-label="phone"] i.contact-icon {
  background: #34A853 !important;
  color: #fff !important;
}

/* Hover effect */
.flex.items-center.justify-center.flex-wrap.gap-5 a i.contact-icon:hover {
  transform: translateY(-4px) scale(1.06) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.18) !important;
}

/* رقم الهاتف */
.flex.items-center.justify-center.flex-wrap.gap-5 span.text-unicode {
  font-size: 0.875rem !important;
  line-height: 1 !important;
}
.advanced-slider__caption__inner__content__button span {
    color: black !important;
    position: relative;
    transition: all .3s ease;
    z-index: 1;
}

/* التحكم في مقاسات كروت السلايدر على الموبايل فقط */
@media (max-width: 768px) {
    
    /* 1. التحكم في "عرض" الكارت */
    .s-slider-container .swiper-slide {
        width: 170px !important; /* 👈 غير الرقم ده (مثلاً 150px أو 200px) عشان تعرض أو تضيق الكارت */
    }

    /* 2. التحكم في "ارتفاع" صورة الكارت (وهي اللي بتتحكم في طول الكارت بشكل أساسي) */
    .s-slider-container .product-card__image {
        height: 220px !important; /* 👈 غير الرقم ده عشان تطول أو تقصر الصورة */
    }

    /* إجبار الصورة إنها تملأ المساحة الجديدة بدون ما تتبكسل أو تتمط */
    .s-slider-container .product-card__image img {
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 3. تظبيط محاذاة الكارت من جوه عشان لو الكروت أطوالها اختلفت */
    .s-slider-container custom-salla-product-card {
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}