/* Site header — navy matching .dm-hero */
:root {
  --dm-nav-bg: #0f1c2e;
  --dm-nav-bg-2: #16324f;
  --dm-nav-text: #ffffff;
  --dm-nav-muted: rgba(255, 255, 255, 0.88);
  --dm-nav-accent: #e8c547; /* gold only */
  --dm-nav-gold: #e8c547;
}

#masthead .ast-above-header-wrap > div[data-section="section-above-header-builder"],
#masthead .ast-above-header-bar {
  background: linear-gradient(145deg, var(--dm-nav-bg) 0%, var(--dm-nav-bg-2) 55%, #0b1624 100%) !important;
  color: var(--dm-nav-text) !important;
}

.ast-primary-header-bar,
.ast-main-header-wrap .main-header-bar,
.ast-mobile-header-wrap .ast-primary-header-bar,
.site-header .ast-primary-header-bar {
  background-color: var(--dm-nav-bg) !important;
  background-image: linear-gradient(145deg, var(--dm-nav-bg) 0%, var(--dm-nav-bg-2) 100%) !important;
  border-bottom-color: var(--dm-nav-accent) !important;
}

.ast-builder-menu-1 .menu-item > .menu-link,
.ast-builder-menu-1 .menu-item > .ast-menu-toggle,
.ast-builder-menu-mobile .menu-item > .menu-link,
.main-header-menu > .menu-item > .menu-link {
  color: var(--dm-nav-text) !important;
}

.ast-builder-menu-1 .menu-item:hover > .menu-link,
.ast-builder-menu-1 .menu-item:hover > .ast-menu-toggle,
.ast-builder-menu-1 .menu-item.focus > .menu-link,
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-1 .current-menu-ancestor > .menu-link,
.ast-builder-menu-1 .menu-item.current-menu-item > .ast-menu-toggle {
  color: var(--dm-nav-gold) !important;
}

.ast-builder-menu-1 .sub-menu,
.ast-builder-menu-1 .inline-on-mobile .sub-menu {
  background-color: var(--dm-nav-bg-2) !important;
  border-color: var(--dm-nav-accent) !important;
}

.ast-builder-menu-1 .sub-menu .menu-link {
  color: var(--dm-nav-muted) !important;
}

.ast-builder-menu-1 .sub-menu .menu-item:hover > .menu-link,
.ast-builder-menu-1 .sub-menu .menu-item.current-menu-item > .menu-link {
  color: var(--dm-nav-gold) !important;
}

.ast-builder-menu-1 .menu-item > .menu-link .ast-arrow-svg,
.ast-builder-menu-1 .ast-menu-toggle .ast-arrow-svg {
  fill: currentColor;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill {
  background: var(--dm-nav-bg-2) !important;
  color: var(--dm-nav-text) !important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: var(--dm-nav-text) !important;
}

.ast-mobile-popup-drawer,
.ast-mobile-popup-content,
.ast-mobile-header-content {
  background-color: var(--dm-nav-bg) !important;
  color: var(--dm-nav-text) !important;
}

.ast-mobile-popup-drawer .menu-item > .menu-link,
.ast-mobile-popup-content .menu-item > .menu-link {
  color: var(--dm-nav-text) !important;
}

.ast-mobile-popup-drawer .menu-item:hover > .menu-link,
.ast-mobile-popup-drawer .menu-item.current-menu-item > .menu-link {
  color: var(--dm-nav-gold) !important;
}

/* Text contrast on navy surfaces (header / footer / hero-like bars) */
#masthead,
#masthead a,
#masthead .menu-link,
#masthead p,
#masthead span:not(.screen-reader-text),
.site-footer [data-section="section-primary-footer-builder"],
.site-footer [data-section="section-primary-footer-builder"] a,
.site-footer [data-section="section-primary-footer-builder"] p,
.site-footer [data-section="section-primary-footer-builder"] strong {
  color: #ffffff;
}

#masthead .ast-builder-menu-1 .menu-item:hover > .menu-link,
#masthead .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
#masthead .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
  color: #e8c547 !important;
}

/* Footer — navy matching .dm-hero */
.site-footer,
.site-above-footer-wrap,
.site-above-footer-wrap[data-section="section-above-footer-builder"],
.site-primary-footer-wrap,
.site-primary-footer-wrap[data-section="section-primary-footer-builder"],
.site-below-footer-wrap,
.site-below-footer-wrap[data-section="section-below-footer-builder"],
.site-footer [data-section="section-primary-footer-builder"] {
  background-color: #0f1c2e !important;
  background-image: linear-gradient(145deg, #0f1c2e 0%, #16324f 55%, #0b1624 100%) !important;
  border-top-color: #e8c547 !important;
  color: #ffffff !important;
}

.site-footer a,
.site-footer .menu-link,
.site-footer p,
.site-footer span:not(.screen-reader-text),
.site-footer strong,
.site-footer .ast-footer-copyright,
#astra-footer-menu .menu-item > a,
#astra-footer-menu > .menu-item > .menu-link,
.footer-widget-area a,
.footer-widget-area .widget-title,
.footer-widget-area h1,
.footer-widget-area h2,
.footer-widget-area h3,
.footer-widget-area h4 {
  color: #ffffff !important;
}

.site-footer a:hover,
.site-footer .menu-link:hover,
#astra-footer-menu .menu-item > a:hover,
#astra-footer-menu .menu-item.current-menu-item > a {
  color: #e8c547 !important;
}




/* Footer social icons — always white on navy */
[data-section="section-fb-social-icons-1"] a,
[data-section="section-fb-social-icons-1"] a:hover,
[data-section="section-fb-social-icons-1"] a:focus,
[data-section="section-primary-footer-builder"] [data-section="section-fb-social-icons-1"] a {
  color: #ffffff !important;
}

[data-section="section-fb-social-icons-1"] svg,
[data-section="section-fb-social-icons-1"] svg path {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Footer green gutters — kill forever */
html body .site-footer,
html body #colophon.site-footer,
html body .site-footer .site-above-footer-wrap,
html body .site-footer .site-above-footer-wrap[data-section="section-above-footer-builder"],
html body .site-footer .site-primary-footer-wrap,
html body .site-footer .site-primary-footer-wrap[data-section="section-primary-footer-builder"],
html body .site-footer .site-below-footer-wrap,
html body .site-footer [data-section="section-primary-footer-builder"],
html body .site-footer [data-section="section-above-footer-builder"] {
  background-color: #0f1c2e !important;
  background-image: linear-gradient(145deg, #0f1c2e 0%, #16324f 55%, #0b1624 100%) !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-sizing: border-box !important;
}

/* Never let the old green global color paint footer sides */
.site-footer,
#colophon {
  background: linear-gradient(145deg, #0f1c2e 0%, #16324f 55%, #0b1624 100%) !important;
  background-color: #0f1c2e !important;
}


/* =========================================================
   Mobile menu — rebuilt from scratch (clean / simple / RTL)
   ========================================================= */

/* Burger trigger */
[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle,
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill,
.ast-mobile-header-wrap .menu-toggle.main-header-menu-toggle {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #fff !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon,
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-svg,
.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon,
.ast-mobile-header-wrap .menu-toggle .ast-mobile-svg {
  display: none !important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle::before,
[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle::after,
.ast-mobile-header-wrap .menu-toggle.main-header-menu-toggle::before,
.ast-mobile-header-wrap .menu-toggle.main-header-menu-toggle::after {
  content: "" !important;
  position: absolute;
  left: 50%;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transform: translateX(-50%);
  transition: top 0.25s ease, transform 0.25s ease, background 0.2s ease, box-shadow 0.2s ease;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle::before,
.ast-mobile-header-wrap .menu-toggle.main-header-menu-toggle::before {
  top: 15px;
  box-shadow: 0 6px 0 #fff;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle::after,
.ast-mobile-header-wrap .menu-toggle.main-header-menu-toggle::after {
  top: 27px;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.toggled::before,
[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle[aria-expanded="true"]::before,
.ast-mobile-header-wrap .menu-toggle.toggled::before {
  top: 21px;
  box-shadow: none;
  transform: translateX(-50%) rotate(45deg);
  background: #2ec4b6;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.toggled::after,
[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle[aria-expanded="true"]::after,
.ast-mobile-header-wrap .menu-toggle.toggled::after {
  top: 21px;
  transform: translateX(-50%) rotate(-45deg);
  background: #2ec4b6;
}

/* ---------- Drawer shell ---------- */
#ast-mobile-popup.ast-mobile-popup-drawer .ast-mobile-popup-overlay {
  background: rgba(6, 12, 22, 0.55) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

#ast-mobile-popup.ast-mobile-popup-drawer .ast-mobile-popup-inner,
#ast-mobile-popup .ast-mobile-popup-content,
#ast-mobile-popup .ast-builder-menu-mobile,
#ast-mobile-popup .main-header-bar-navigation,
#ast-mobile-popup .main-navigation,
#ast-mobile-popup .main-header-menu,
#ast-mobile-popup .ast-desktop-popup-content {
  background: #101c2d !important;
  background-color: #101c2d !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ast-mobile-popup.ast-mobile-popup-drawer .ast-mobile-popup-inner {
  width: min(88vw, 340px) !important;
  max-width: 340px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-x: hidden !important;
}

/* Close header */
#ast-mobile-popup .ast-mobile-popup-header {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 16px 18px 8px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#ast-mobile-popup .menu-toggle-close {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: none !important;
  line-height: 1 !important;
  font-size: 0 !important;
}

#ast-mobile-popup .menu-toggle-close .ast-svg-iconset,
#ast-mobile-popup .menu-toggle-close .ahfb-svg-iconset,
#ast-mobile-popup .menu-toggle-close .ast-inline-flex {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

#ast-mobile-popup .menu-toggle-close svg {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  display: block !important;
}

/* Nav list */
#ast-mobile-popup .ast-mobile-popup-content {
  flex: 1 1 auto !important;
  padding: 8px 14px 28px !important;
  overflow-y: auto !important;
}

#ast-mobile-popup .main-header-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  list-style: none !important;
}

#ast-mobile-popup .main-header-menu > .menu-item {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 100% !important;
  position: relative !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Kill Astra borders / card leftovers */
#ast-mobile-popup .main-header-menu > .menu-item,
#ast-mobile-popup .main-header-menu > .menu-item > .menu-link,
#ast-mobile-popup .main-header-menu .sub-menu,
#ast-mobile-popup .main-header-menu .sub-menu .menu-item,
#ast-mobile-popup .main-header-menu .sub-menu .menu-link {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Normal nav pills */
#ast-mobile-popup .main-header-menu > .menu-item > .menu-link {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: start !important;
  text-decoration: none !important;
  transition: background 0.15s ease, color 0.15s ease;
}

/*
 * Success Stories: link + dropdown arrow = ONE pill.
 * RTL row flows right→left, so order 1 (link) sits on the right and
 * order 2 (toggle) sits on the left end of the same button.
 */
#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  position: relative !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children > .menu-link,
#ast-mobile-popup .main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
#ast-mobile-popup .main-header-menu > .menu-item.current-menu-parent > .menu-link,
#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children.current-menu-ancestor > .menu-link,
#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children.current-menu-parent > .menu-link {
  order: 1 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 12px 16px !important;
  border-radius: 0 14px 14px 0 !important; /* rounded on the RIGHT (text side in RTL) */
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#ast-mobile-popup .main-header-menu > .menu-item > .menu-link:hover,
#ast-mobile-popup .main-header-menu > .menu-item > .menu-link:focus,
#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children > .menu-link:hover,
#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children > .menu-link:focus {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #ffffff !important;
}

/* Never paint the parent row as "active" gold — only submenu pages */
#ast-mobile-popup .main-header-menu > .menu-item.current-menu-ancestor,
#ast-mobile-popup .main-header-menu > .menu-item.current-menu-parent,
#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children:hover,
#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children:focus-within {
  background: transparent !important;
}

#ast-mobile-popup .main-header-menu > .menu-item.current-menu-item:not(.menu-item-has-children) > .menu-link {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #ffffff !important;
}

/* Hide duplicate arrow inside the link text */
#ast-mobile-popup .menu-link > .dropdown-menu-toggle,
#ast-mobile-popup .menu-link > .ast-header-navigation-arrow,
#ast-mobile-popup .menu-link .dropdown-menu-toggle {
  display: none !important;
}

/* Arrow is a flex sibling — same pill, left end — never a floating absolute button */
#ast-mobile-popup .main-header-menu > .menu-item > .ast-menu-toggle,
#ast-mobile-popup .main-header-menu .menu-item > .ast-menu-toggle,
#ast-mobile-popup .ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle,
#ast-mobile-popup.ast-mobile-popup-drawer .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle,
#ast-mobile-popup.ast-mobile-popup-drawer.content-align-flex-start .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle,
#ast-mobile-popup.ast-mobile-popup-drawer.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {
  order: 2 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  float: none !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  min-width: 48px !important;
  height: auto !important;
  min-height: 48px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 0 !important;
  border-radius: 14px 0 0 14px !important; /* rounded on the LEFT */
  color: rgba(255, 255, 255, 0.85) !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: hidden !important;
  z-index: 3;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  line-height: 0 !important;
  font-size: 0 !important;
}

#ast-mobile-popup .main-header-menu > .menu-item > .ast-menu-toggle:hover,
#ast-mobile-popup .main-header-menu > .menu-item > .ast-menu-toggle:focus {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #2ec4b6 !important;
}

#ast-mobile-popup .main-header-menu > .menu-item.ast-submenu-expanded > .ast-menu-toggle,
#ast-mobile-popup .ast-submenu-expanded > .ast-menu-toggle {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #2ec4b6 !important;
  transform: none !important;
}

#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children:hover > .menu-link,
#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children:focus-within > .menu-link,
#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children:hover > .ast-menu-toggle,
#ast-mobile-popup .main-header-menu > .menu-item.menu-item-has-children:focus-within > .ast-menu-toggle {
  background: rgba(255, 255, 255, 0.09) !important;
}

#ast-mobile-popup .ast-menu-toggle .ast-icon,
#ast-mobile-popup .ast-menu-toggle .ast-icon.icon-arrow,
#ast-mobile-popup .menu-toggle-close .ast-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  width: 14px !important;
  height: 14px !important;
  position: static !important;
}

/* Kill Astra's margin-top:15px that mis-centers icons */
#ast-mobile-popup .ast-icon svg,
#ast-mobile-popup .ast-arrow-svg,
#ast-mobile-popup .ast-mobile-svg,
#ast-mobile-popup .ast-menu-toggle svg,
#ast-mobile-popup .ast-mobile-popup-content .ast-icon svg {
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  display: block !important;
  fill: currentColor !important;
  vertical-align: middle !important;
  position: static !important;
}

#ast-mobile-popup .main-header-menu > .menu-item.ast-submenu-expanded > .ast-menu-toggle .ast-icon,
#ast-mobile-popup .ast-submenu-expanded > .ast-menu-toggle .ast-icon {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

/* Droplist sits under the full-width Success Stories pill */
#ast-mobile-popup .main-header-menu > .menu-item > .sub-menu {
  order: 3 !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 0 4px !important;
  background: transparent !important;
  display: none !important;
  flex-direction: column !important;
  gap: 6px !important;
  list-style: none !important;
  position: relative !important;
  z-index: 1;
}

#ast-mobile-popup .main-header-menu > .menu-item.ast-submenu-expanded > .sub-menu {
  display: flex !important;
}

#ast-mobile-popup .main-header-menu .sub-menu .menu-item {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#ast-mobile-popup .main-header-menu .sub-menu .menu-link {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

#ast-mobile-popup .main-header-menu .sub-menu .menu-link:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

#ast-mobile-popup .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link {
  color: #e8c547 !important;
  background: rgba(46, 196, 182, 0.14) !important;
}

/* Hide decorative arrows inside submenu link labels */
#ast-mobile-popup .main-header-menu .sub-menu .menu-link > .ast-icon.icon-arrow {
  display: none !important;
}

/* Expanded toggle rotation without Astra's broken rotateX */
#ast-mobile-popup .ast-mobile-popup-content .ast-submenu-expanded > .ast-menu-toggle {
  transform: none !important;
  overflow: hidden !important;
}

/* Booking CTA */
#ast-mobile-popup .main-header-menu > .menu-item > .menu-link.dm-nav-book,
#ast-mobile-popup .main-header-menu > .menu-item > a.menu-link[href*="%D8%AD%D8%AC%D8%B2"],
#ast-mobile-popup .main-header-menu > .menu-item > .menu-link[href*="حجز"] {
  margin-top: 6px !important;
  margin-bottom: 2px !important;
  justify-content: center !important;
  text-align: center !important;
  background: #2ec4b6 !important;
  color: #062a27 !important;
  font-weight: 700 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

#ast-mobile-popup .main-header-menu > .menu-item > .menu-link.dm-nav-book:hover,
#ast-mobile-popup .main-header-menu > .menu-item > a.menu-link[href*="%D8%AD%D8%AC%D8%B2"]:hover,
#ast-mobile-popup .main-header-menu > .menu-item > .menu-link[href*="حجز"]:hover {
  background: #3ad4c5 !important;
  color: #062a27 !important;
  filter: none;
}

/* Expanded toggle rotation without Astra's broken rotateX */
#ast-mobile-popup .ast-mobile-popup-content .ast-submenu-expanded > .ast-menu-toggle {
  transform: none !important;
  overflow: visible !important;
}


/* Footer menu — horizontal on small screens */
#astra-footer-menu,
.footer-nav-wrap .astra-footer-mobile-horizontal-menu,
.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-horizontal-menu,
.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px 4px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

#astra-footer-menu > .menu-item,
.footer-nav-wrap #astra-footer-menu > .menu-item {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  align-items: center !important;
}

#astra-footer-menu > .menu-item > .menu-link {
  padding: 8px 12px !important;
  white-space: nowrap !important;
  color: #ffffff !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
}

#astra-footer-menu > .menu-item.current-menu-item > .menu-link,
#astra-footer-menu > .menu-item > .menu-link:hover {
  color: #e8c547 !important;
}

/* Hide footer dropdown chrome — keep links flat in a row */
#astra-footer-menu .ast-menu-toggle,
#astra-footer-menu .dropdown-menu-toggle,
#astra-footer-menu .sub-menu {
  display: none !important;
}

@media (max-width: 544px) {
  #astra-footer-menu > .menu-item > .menu-link {
    padding: 6px 10px !important;
    font-size: 0.85rem !important;
  }
}

/* Mobile above-header: hide branch phones, show Book CTA */
#ast-mobile-header [data-section="section-hb-html-1"] {
  display: none !important;
}

.dm-header-book {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1.5px solid var(--dm-nav-gold, #e8c547);
  background: rgba(232, 197, 71, 0.12);
  color: var(--dm-nav-gold, #e8c547) !important;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.dm-header-book:hover,
.dm-header-book:focus {
  background: var(--dm-nav-gold, #e8c547);
  color: #0f1c2e !important;
}

@media (max-width: 544px) {
  .dm-header-book {
    padding: 7px 12px;
    font-size: 0.82rem;
  }
}