/* ارفع الهيدر وزر القائمة */
header, .site-header, .main-header, .header {
  position: relative !important;
  z-index: 10010 !important;
}

/* تأكد زر الهامبرغر قابل للضغط */
.header__toggle, .navbar-toggler, .menu-toggle, 
button[aria-controls="mobile-menu"], .menu-icon {
  position: relative !important;
  z-index: 10011 !important;
  pointer-events: auto !important;
}

/* نزّل طبقات البانر/السلايدر تحت الهيدر */
.hero, .hero-slider, .banner, .cover, .swiper, .swiper-wrapper, .swiper-slide {
  position: relative !important;
  z-index: 1 !important;
}

/* أي طبقة تظليل أو أوفرلاي لا تمنع الضغط */
.hero::before, .banner::before, .overlay, .backdrop, .slider-overlay {
  pointer-events: none !important;
}

/* أحياناً صورة البانر نفسها تكون ممتدة وتغطي الهيدر */
.hero img, .banner img, .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none !important;
}

/* لو كان فيه خلفية قائمة جانبية عالقة تغطي الشاشة */
.offcanvas-backdrop, .drawer-backdrop, .menu-backdrop {
  pointer-events: none !important;
}