/* Wadaif Corporate v1.9.24 — final mobile navigation + footer fixes */

/* The mobile menu is now outside .wdf-header. Keep it anchored to the viewport. */
.wdf-mobile-nav {
  position: fixed !important;
  inset-inline: 0 !important;
  top: var(--wdf-mobile-nav-top, 76px) !important;
  bottom: 0 !important;
  z-index: 99999 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #fff !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
.wdf-mobile-nav[hidden] { display: none !important; }
.wdf-mobile-nav.is-open { display: block !important; }

/* Never let the page content paint above the opened mobile menu. */
body.wdf-mobile-menu-open { overflow: hidden !important; }
body.wdf-mobile-menu-open #wdf-main,
body.wdf-mobile-menu-open .wdf-footer { position: relative; z-index: 1; }

/* Footer: only the three approved phone numbers. Never wrap them into separate lines. */
.wdf-footer__phones {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  gap: 8px !important;
  align-items: center !important;
}
.wdf-footer__phones a,
.wdf-footer__phone-sep {
  white-space: nowrap !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

@media (max-width: 900px) {
  .wdf-footer__phones {
    font-size: 12px;
    gap: 5px !important;
  }
  .wdf-footer__phones a { font-size: 12px !important; }
}