/* ===== Danhr Menu Enhancer Pro 1.3.1 ===== */

/* Normalize */
.site-header nav ul, .site-header nav li, .header .menu ul, .header .menu li { list-style: none; margin: 0; padding: 0; }

/* Top level */
.header .menu > ul,
.site-header .menu > ul,
.wp-block-navigation__container {
  display: flex; gap: 28px; align-items: center;
}
.header .menu > ul > li > a,
.site-header .menu > ul > li > a,
.wp-block-navigation .wp-block-navigation-item__content {
  display: inline-flex; align-items: center; gap: 6px; padding: 14px 4px; text-decoration: none;
}

/* Parent marker */
.menu-item-has-children > a::after,
.wp-block-navigation .has-child .wp-block-navigation-item__content::after {
  content: "▾"; font-size: .8em; transform: translateY(1px);
}

/* Dropdown (desktop) */
.menu-item-has-children { position: relative; }
.menu-item-has-children > .sub-menu {
  position: absolute; inset-inline-start: 0; top: 100%;
  min-width: 220px;
  background: #fff; border: 1px solid #e6e8eb; border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0,0,0,.08);
  padding: 8px; margin-top: 8px;
  display: none; z-index: 1000;
}
.menu-item-has-children > .sub-menu li a{ display:block; padding:10px 12px; border-radius:8px; white-space:nowrap; }
.menu-item-has-children > .sub-menu li a:hover,
.menu-item-has-children > .sub-menu li a:focus{ background:#f7f8f9; }

@media (hover:hover){
  .menu-item-has-children:hover > .sub-menu,
  .menu-item-has-children:focus-within > .sub-menu{ display:block; }
}

/* Burger generics */
.burger, .nav-toggle, .menu-toggle, .wp-block-navigation__responsive-container-open-button {
  border:1px solid #e6e8eb; background:#fff; border-radius:10px; padding:10px 12px; line-height:1; cursor:pointer;
}
.burger[aria-expanded="true"],
.nav-toggle[aria-expanded="true"],
.menu-toggle[aria-expanded="true"]{ background:#f7f8f9; }

/* Submenu toggle (mobile) */
.submenu-toggle{ display:none; border:none; background:transparent; cursor:pointer; font-size:16px; padding:10px; line-height:1; }
.submenu-toggle::after{ content:"▾"; transform: translateY(1px); }

/* Mobile/Tablet */
@media (max-width: 980px){
  /* Hide menu list until opened — كلاسيك + بلوك */
  .header .menu > ul,
  .site-header .menu > ul,
  .wp-block-navigation__container { 
    display: none; flex-direction: column; gap:0; width:100%;
    border-top: 1px solid #e6e8eb; padding-top: 8px; margin-top: 8px;
  }

  /* حالات الفتح المحتملة */
  .header .menu.menu--open > ul,
  .header .menu.open > ul,
  .site-header .menu.menu--open > ul,
  .site-header .menu.open > ul,
  .wp-block-navigation.is-menu-open .wp-block-navigation__container { display:flex; }

  .header .menu > ul > li, .site-header .menu > ul > li { width:100%; }
  .header .menu > ul > li > a, .site-header .menu > ul > li > a { justify-content: space-between; padding:12px 4px; width:100%; }

  .submenu-toggle{ display:inline-flex; align-items:center; }

  .menu-item-has-children > .sub-menu {
    position: static; display: none;
    padding:4px 8px 8px; margin:0 0 6px 0; border:none; border-inline-start:2px solid #e6e8eb;
    border-radius:0; box-shadow:none; background:transparent;
  }
  .menu-item-has-children.open > .sub-menu{ display:block; }
  html[dir="rtl"] .menu-item-has-children > .sub-menu{ border-inline-start:2px solid #e6e8eb; }

  /* إخفاء زر Contact الخارجي داخل .menu في الموبايل (سننشئ عنصر داخل القائمة بدلاً منه) */
  .header .menu > a.btn, .site-header .menu > a.btn { display: none; }
}

/* Contact CTA داخل القائمة (مظهر لطيف) */
li.contact-cta > a {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 12px; border: 1px solid #e6e8eb; border-radius: 10px;
}
@media (max-width: 980px){
  li.contact-cta > a { width: 100%; }
}

/* Accessibility */
.header .menu a:focus, .site-header .menu a:focus, .wp-block-navigation a:focus { outline:2px solid #d0d3d8; outline-offset:2px; border-radius:6px; }

/* Logo fit */
.header .logo img,
.site-header .site-branding img,
.site-branding .custom-logo,
.custom-logo-link img,
.wp-block-site-logo img {
  max-height: 48px; width: auto; height: auto; object-fit: contain; display: inline-block;
}
@media (max-width:980px){
  .header .logo img,
  .site-header .site-branding img,
  .site-branding .custom-logo,
  .custom-logo-link img,
  .wp-block-site-logo img { max-height: 40px; }
}

/* Hide textual title/tagline */
.site-title, .site-title a, .site-name, .site-branding .site-title, .site-description, .site-tagline, .header .logo-text {
  position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important;
  overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; border:0 !important;
}
