/* ===============================
   HIBAH — SIMPLE SAFE CSS
   Logo + Images & Banners Animation Only
================================= */

/* تكبير لوجو المتجر */
.header-logo img

,
.logo img

  ,
.store-logo img

,
.navbar-brand img

,
a[href="/"] img {
  max-height: 95px !important;
  width: auto !important;
  object-fit: contain !important;
  transition: transform 0.4s ease, filter 0.4s ease
    !important;

     
}

/* حركة ناعمة للوجو */
.header-logo img:hover,
.logo img:hover,
.store-logo img:hover,
.navbar-brand img:hover,
a[href="/"] img:hover {
  transform: scale(1.06) !important;
  filter: brightness(1.12) !important;
}

/* مساحة مناسبة للهيدر بسبب تكبير اللوجو */
header,
.main-header,
.store-header,
.navbar {
min-height:115px !important;
  overflow: visible !important;
  
}


/* ===============================
   حركة الصور والبنرات فقط
================================= */

/* استهداف صور البنرات وصور المنتجات */
.banner img,
.banners img,
.main-slider img,
.s-slider-container img,
.s-product-card-image img,
.product-entry img,
.s-product-card-entry img {
  transition: transform 0.8s ease, filter 0.8s ease !important;
  animation: hibahImageFloat 7s ease-in-out infinite alternate;
}

/* حركة ناعمة للصورة */


/* Hover احترافي على الصور */
.banner img:hover,
.banners img:hover,
.main-slider img:hover,
.s-slider-container img:hover,
.s-product-card-image img:hover,
.product-entry img:hover,
.s-product-card-entry img:hover {
  transform: scale(1.07) !important;
  filter: brightness(1.08) contrast(1.06) !important;
}

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

.banner,
.banners,
.main-slider,
.s-slider-container,
.s-product-card-image,
.product-entry,
.s-product-card-entry {
  position: relative !important;
  overflow: hidden !important;
}

/* طبقة اللمعان */
.banner::after,
.banners::after,
.main-slider::after,
.s-slider-container::after,
.s-product-card-image::after,
.product-entry::after,
.s-product-card-entry::after {
  content: "";
  position: absolute;
  top: 0;
  right: -120%;
  width: 50%;
  height: 50%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.35),
    transparent
  );
  transform: skewX(-20deg);
  animation: hibahShine 4.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 5;
}

/* حركة اللمعان */
@keyframes hibahShine {
  0% {
    right: -120%;
    opacity: 0;
  }

  35% {
    opacity: 1;
  }

  70% {
    right: 130%;
    opacity: 0.8;
  }

  100% {
    right: 150%;
    opacity: 0;
  }
}

/* ===============================
   موبايل
================================= */

@media (max-width: 768px) {
  .header-logo img
,
  .logo img
  ,
  .store-logo img
  ,
  .navbar-brand img
  ,
  a[href="/"] img {
    max-height: 70x !important;
   position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
           
  }


  header,
  .main-header,
  .store-header,
  .navbar {
    min-height: 5px !important;
  }

  .banner img
  ,
  .banners img,
  .main-slider img,
  .s-slider-container img,
  .s-product-card-image img,
  .product-entry img,
  .s-product-card-entry img {
    animation-duration: 8s;
  }
}
/* ===============================
   Mobile Menu Color Fix
   تحويل القائمة المنسدلة للموبايل للون هوية المتجر
================================= */

@media (max-width: 768px) {

  /* خلفية القائمة المنسدلة / الجانبية */
  .mobile-menu,
  .mobile-menu-wrapper,
  .side-menu,
  .salla-sidebar,
  .drawer,
  .offcanvas,
  .menu-drawer,
  .s-menu-wrapper,
  .s-drawer,
  .s-drawer-body,
  .s-drawer-content {
    background: #184941 !important;
    color: #ffffff !important;
  }

  /* روابط القائمة */
  .mobile-menu a,
  .mobile-menu-wrapper a,
  .side-menu a,
  .salla-sidebar a,
  .drawer a,
  .offcanvas a,
  .menu-drawer a,
  .s-menu-wrapper a,
  .s-drawer a,
  .s-drawer-body a,
  .s-drawer-content a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }

  /* عناصر القائمة */
  .mobile-menu li,
  .mobile-menu-wrapper li,
  .side-menu li,
  .salla-sidebar li,
  .drawer li,
  .offcanvas li,
  .menu-drawer li,
  .s-menu-wrapper li,
  .s-drawer li,
  .s-drawer-body li,
  .s-drawer-content li {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  }

  /* الأيقونات */
  .mobile-menu svg,
  .mobile-menu-wrapper svg,
  .side-menu svg,
  .salla-sidebar svg,
  .drawer svg,
  .offcanvas svg,
  .menu-drawer svg,
  .s-menu-wrapper svg,
  .s-drawer svg,
  .s-drawer-body svg,
  .s-drawer-content svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

  /* أزرار الإغلاق أو الرجوع */
  .mobile-menu button,
  .mobile-menu-wrapper button,
  .side-menu button,
  .salla-sidebar button,
  .drawer button,
  .offcanvas button,
  .menu-drawer button,
  .s-menu-wrapper button,
  .s-drawer button,
  .s-drawer-body button,
  .s-drawer-content button {
    color: #ffffff !important;
    background: transparent !important;
  }

  /* خلفية القوائم الفرعية */
  .mobile-menu ul,
  .mobile-menu-wrapper ul,
  .side-menu ul,
  .salla-sidebar ul,
  .drawer ul,
  .offcanvas ul,
  .menu-drawer ul,
  .s-menu-wrapper ul,
  .s-drawer ul,
  .s-drawer-body ul,
  .s-drawer-content ul {
    background: #184941 !important;
  }
}