/* شاشة التحميل */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 99999;
  transition: opacity 0.6s ease;
}

/* اللوقو */
.loader-logo {
  width: 120px;
  margin-bottom: -20px; /* قريب من النقاط */
}

/* النقاط */
.dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.dots span {
  width: 12px;
  height: 12px;
  background-color: #ccc; /* رمادي بالبداية */
  border-radius: 50%;
  transition: background-color 0.4s ease;
}




  .bg-gray-100 {
    background-color: #f9fafb;
}
/* خلفية الفوتر مع الايقونات */
.footer-is-light .store-footer .store-footer__inner {

background-color: #FFDFE9;/* وردي */
}

.footer-is-light .store-footer .contact-social {
border-color: #FFFFF;
}
.s-contacts-icon {
  background-color: #FFFFFF  !important; /* ابيض */
  border-radius: 50% !important;        /* يخليها دائرية (احذف السطر لو تبيها مربعة) */
  padding: 8px !important;              /* مسافة داخلية حول الأيقونة */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.s-contacts-icon svg path {
  fill: gray  !important;  /* أبيض */
}

.s-social-link {
  background-color: #FFFFFF !important; /* ابيض */
    border-radius: 50% !important; 
                 /* مسافة داخلية حول الأيقونة */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  }
.s-social-link svg path {
  fill: gray !important;  /* أبيض */
}

/* ✅ الأيقونة الأولى */
.s-block--features__item:nth-child(1) .feature-icon {
  background-color: #B9EBC8 !important; /* اخضر فاتح */
}

/* ✅ الأيقونة الثانية */
.s-block--features__item:nth-child(2) .feature-icon {
  background-color: #ffe8a3 !important; /* أصفر فاتح */
}

/* ✅ الأيقونة الثالثة */
.s-block--features__item:nth-child(3) .feature-icon {
  background-color: #c9f7f5 !important; /* أزرق فاتح */
}
/* 🔵 الزر الأساسي في تبويب "أحدث المنتجات" 
.tabs .s-button-element.s-button-outline.s-button-primary-outline {
  color: black !important;
  border-color: #f6cad7 !important;
  background-color: #f6cad7 !important; 
  border-radius: 8px !important;
  transition: all 0.3s ease;
}
*/

/* ✅ تكبير الشعار بشكل متناسق بدون تمدد */
.navbar-brand img {
  height: 60px !important;         /* ← غيّر الرقم حسب الحجم المطلوب */
  width: auto !important;          /* يحافظ على التناسب الأصلي */
  max-height: none !important;     /* يوقف القيود من الثيم */
  object-fit: contain !important;  /* يمنع التشوه */
}



/* Pixeez Studie Code */
  body {
background-color: #f9fafb ; 

}

.bg-white,.bg-gray-100 {
background-color: #f9fafb ; 
}

.topnav-is-dark .top-navbar {
background-color :#F2A3B5 ; 
}

.banner--fixed img,.slide--cat-entry {

background-color: transparent ; 
} 

.main-nav-container.shadow-default {

box-shadow: none; !important
}

.slide--cat-entry{
border-color:transparent;
}
.w-16{
width: 6rem;
} 

.h-16{
height: 6rem;
}

.object-cover {
object-fit: unset;
}
.marqueeStyle {

background-color: #F3D580 !important;
 margin-top: 1rem;
}
.marque-title__inner{
            display: flex;
            align-items: flex-start;
            background-color: #F3D580 !important;
            padding: .3rem;
             margin-top: 1rem;
            width: max-content;
            overflow: hidden;
            white-space: nowrap;
             
        }
  
 .ready { animation: marque 20s linear infinite; padding: 5px 15px 5px 15px ; }

@keyframes marque {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.s-slider-block__title h2{
color: #E8375F;
}

 .s-product-card-image , .store-footer , .s-comments-product {
 background-color: transparent !important;

}

.s-button-btn {
    border-radius: 2rem
}



.store-footer__inner {
background-color: #FFDFE9 !important;
margin:.5rem;
border-radius: .75rem !important; 
}