/* Add custom CSS styles below */ 


/* الشريط الإعلاني */
.announcement-bar {
    position: relative;
    z-index: 1100;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #f1f1f1; /* لون افتراضي للشريط */
    color: #000;
}

/* Navbar افتراضي للديسكتوب */
.main-nav-container {
    background-color: #0f5277;
    color: #ffffff;
    position: relative; /* الوضع الطبيعي */
    margin: 0;
    padding: 0;
    z-index: 1000;
}

/* البنر افتراضي للديسكتوب */
.advanced-slider__caption {
    margin-top: 0;
}

/* القوائم الفرعية افتراضي */
.main-nav-container .submenu a {
    color: #0a1f44; /* كحلي غامق */
    text-decoration: none;
    transition: all 0.3s ease;
}

.main-nav-container .submenu a:hover {
    color: #8fcaf0; /* أزرق فاتح للنص */
    background-color: rgba(143, 202, 240, 0.2); /* خلفية فاتحة */
}

/* الموبايل فقط */
@media (max-width: 768px) {

    /* Navbar مع التدرج اللوني */
    .main-nav-container {
        background: linear-gradient(90deg, #0d4c6f, #1b6f9b);
        color: #ffffff;
        position: relative; /* ليس fixed حتى لا يغطي البنر */
        margin: 0 !important;
        padding: 0 !important;
    }

    /* البنر تحت navbar مباشرة */
    .advanced-slider__caption {
        margin: 0 !important;
        padding-top: 0; /* سيتم ضبطه بالـ JS */
    }

    /* إزالة أي فراغات body أو container */
    body, .container {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* القوائم الفرعية على الموبايل تبقى نفسها */
    .main-nav-container .submenu a {
        color: #0a1f44;
    }

    .main-nav-container .submenu a:hover {
        color: #8fcaf0;
        background-color: rgba(143, 202, 240, 0.2);
    }
}



a {
    color: #61ccda;
    text-decoration: inherit;
}






















/* ===== تكبير اللوجو ===== */
.navbar-brand img.logo-normal {
  height: 50px !important;
  width: auto !important;
  max-height: none !important;
}

/* ===== فك القيود عن الكونتينر ===== */
.navbar-brand {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
}

/* ===== منع قص اللوجو بسبب flex ===== */
header,
.site-header,
.site-header .flex,
.site-header .items-stretch {
  align-items: center !important;
  height: auto !important;
  overflow: visible !important;
}

/* ===== تحسين المظهر في الموبايل ===== */
@media (max-width: 50px) {
  .navbar-brand img.logo-normal {
    height: 50px !important;
  }






.s-button-primary {
  background: linear-gradient(90deg, #0d4c6f, #1b6f9b);
  border-radius: 9999px; /* يخليه بيضاوي */
  padding: 14px 28px;
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
}





.s-button-primary:hover {
  background: linear-gradient(90deg, #0b3f5c, #165f86);
  transform: translateY(-1px);
}

.s-button-primary i {
  font-size: 16px;
}










/* سكشن ثابت مش بيتحرك */
.section-title {
  text-align: center;
  margin: 30px 0;
}

/* النص بس اللي عليه الانيميشن */
.section-title .main-title {
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
  color: #00547a;
  display: inline-block; /* عشان الحركة تبقى على النص نفسه */
  animation: zoomEffect 3s ease-in-out infinite;
  font-size: 22px; /* موبايل */
}

@media (min-width: 768px) {
  .section-title .main-title {
    font-size: 38px; /* ديسكتوب */
  }
}

/* الانيميشن - بس تكبير وتصغير */
@keyframes zoomEffect {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}


.product-card__addToCart__btn salla-button button {
    background: #235c81;
    border: 0;
    color: #ffffff;
}











/* الحاوية الأساسية للقطرات */
#drop-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}

/* شكل القطرة */
.drop {
  position: absolute;
  top: -20px;
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  opacity: 0.8;
  animation: fall linear infinite;
}

/* الحركة */
@keyframes fall {
  to {
    transform: translateY(100vh);
    opacity: 0;
  }
}