/**
 * Header – matches React Header.tsx (dropdown + mobile menu).
 * Loaded after main.css so these rules win.
 */

/* ----- نفس ارتفاع الهيدر في كل الصفحات (هوم وباقي الصفحات) ----- */
#dahab-header {
  min-height: 5.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#dahab-header .dahab-header-inner {
  min-height: 2.75rem;
}

/* ----- Logo: هيدر مناسب، فوتر كبير، بداية موازية لـ SEAFOOD EXPORTS ----- */
#dahab-header .dahab-header-logo {
  display: flex;
  align-items: center;
}
#dahab-header .dahab-logo-img {
  height: 2.75rem;  /* 44px - مقاس مناسب في الهيدر */
  width: auto;
  max-width: 180px;
  object-fit: contain;
  object-position: left center;
  display: block;
}
.dahab-footer-logo img,
.dahab-footer-logo-img {
  height: 4rem;   /* 64px - كبير في الفوتر */
  width: auto;
  max-width: 280px;
  object-fit: contain;
  object-position: left center;
}
@media (min-width: 768px) {
  .dahab-footer-logo img,
  .dahab-footer-logo-img {
    height: 5rem;  /* 80px على الشاشات الأكبر */
  }
}

/* ----- Header: dropdown must not be clipped ----- */
#dahab-header,
#dahab-header .dahab-header-inner,
#dahab-header nav {
  overflow: visible;
}

/* ----- Desktop: Products dropdown – position + hidden by default ----- */
#dahab-header .dahab-dropdown {
  position: absolute !important;
  left: 50% !important;
  top: 100% !important;
  padding-top: 1rem !important;
  width: 16rem !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 10px);
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              visibility 0.25s,
              transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 100000;
}

/* Desktop only: show dropdown on hover (fallback) or when JS adds .dahab-products-open */
@media (min-width: 1024px) {
  #dahab-header .dahab-products-nav:hover .dahab-dropdown,
  #dahab-header .dahab-products-nav.dahab-products-open .dahab-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
  }
}

@media (max-width: 1023px) {
  #dahab-header .dahab-dropdown {
    display: none !important;
  }
}

/* ----- Mobile menu: hidden when closed ----- */
.dahab-mobile-menu-hidden {
  display: none !important;
}

@media (min-width: 1024px) {
  #dahab-mobile-menu {
    display: none !important;
  }
}

#dahab-mobile-menu.dahab-mobile-menu {
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
}

#dahab-mobile-menu.dahab-mobile-menu:not(.dahab-mobile-menu-hidden) {
  display: flex !important;
  transform: translateX(0);
}

#dahab-mobile-toggle {
  flex-shrink: 0;
  min-width: 44px;
  min-height: 44px;
  color: #fff;
}
/* أيقونة القائمة (ال٣ شرط) وزر X بلون أبيض موحّد في الهوم وباقي الصفحات */
#dahab-mobile-toggle svg {
  stroke: #fff;
  color: #fff;
}