/* Scrollbar Style - Chrome / Edge / Opera */
::-webkit-scrollbar {
    width: 10px;
}

/* خلفية مسار الاسكرول */
::-webkit-scrollbar-track {
    background: #E9EFF5;  /* أزرق فاتح ماشي مع خلفيات الموقع */
    border-radius: 10px;
}

/* شريط التمرير */
::-webkit-scrollbar-thumb {
    background: #004D73; /* الأزرق الغامق الأساسي للبراند */
    border-radius: 10px;
    border: 2px solid #E9EFF5; /* عمق خفيف وراقي */
}

/* عند الهوفر */
::-webkit-scrollbar-thumb:hover {
    background: #1E5F8A; /* أزرق متوسط للتفاعل */
}

/* دعم Firefox */
* {
    scrollbar-color: #004D73 #E9EFF5;
    scrollbar-width: thin;
}
#mainnav {
  height: 80px !important;
}
.logo-normal{
  height: 86px !important;
}
.main-nav-container .inner {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.fit-slider-products .s-slider-swiper-wrapper .swiper-slide custom-salla-product-card{
  justify-content: start !important;
} 
/* زر إضافة للسلة – الحالة العادية */
.product-card .s-button-solid.s-button-primary {
  background-color: #1E5F8A !important;   /* اختار اللون اللي يناسبك */
  border-color: #0f2f4f !important;
  color: #ffffff !important;
}

/* نسيب الهوفر زي ما هو */
.product-card .s-button-solid.s-button-primary:hover {
  background-color: #004D73 !important; /* أو سيبه من غير سطر */
}
/* Select داخل كروت المنتجات */
.s-form-control {
    background-color: #F5F9FC;        /* أزرق فاتح نضيف */
    border: 1.5px solid #C9DCEC;      /* حدود هادية */
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
    color: #004D73;                  
    cursor: pointer;
    transition: all 0.25s ease;
}

/* عند الهوفر */
.s-form-control:hover {
    border-color: #1E5F8A;
    background-color: #EEF5FA;
}


.s-form-control:focus {
    outline: none;
    border-color: #004D73;
    box-shadow: 0 0 0 2px rgba(0, 77, 115, 0.15);
    background-color: #FFFFFF;
}

.s-form-control option[value=""] {
    color: #7A8FA3;
}
.s-form-control option:disabled,
.s-form-control option[value*="نفدت"] {
    color: #B0B8C1;
}
.product-card__image{
background-color: #E9EFF5 !important ;
}
@media (max-width: 768px) {
  .logo-normal{
  height: 76px !important;
}}
.close-mobile-menu{
  color: #004D73 !important;
}