/* Mobile menu: burger in the glass header + full-screen glass menu (small screens only). */
.amwaj-burger { display: none; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; place-items: center; flex: none; }
.amwaj-burger .i-close, .amwaj-burger.is-open .i-menu { display: none; }
.amwaj-burger.is-open .i-close { display: block; }
.amwaj-header .amwaj-burger-wrap { display: none; flex: none; margin: 0 !important; }

@media (max-width: 980px) {
  .amwaj-burger { display: grid; }
  .amwaj-header .amwaj-burger-wrap { display: block; }
  /* The burger replaces Divi's own mobile menu. */
  .amwaj-header .et_pb_menu { display: none !important; }
}

.amwaj-mmenu { position: fixed; inset: 0; z-index: 9970; display: flex; flex-direction: column; color: #fff;
  background: rgba(10, 10, 12, .55); backdrop-filter: blur(32px) saturate(160%);
  clip-path: circle(0% at calc(100% - 48px) 38px); overflow-y: auto; overscroll-behavior: contain; }
.amwaj-mmenu[hidden] { display: none; }
.amwaj-mmenu.is-open { clip-path: circle(160% at calc(100% - 48px) 38px); }
:root[data-theme="light"] .amwaj-mmenu { background: rgba(20, 20, 22, .5); }
.amwaj-mmenu .mm-inner { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: calc(env(safe-area-inset-top, 0px) + 104px) var(--gutter) 24px; }
.amwaj-mmenu .mm-list, .amwaj-mmenu .mm-list ul { list-style: none; margin: 0; padding: 0; }
.amwaj-mmenu .mm-list { display: flex; flex-direction: column; gap: 10px; }
.amwaj-mmenu .mm-list > li > a { display: inline-block; font: 600 clamp(36px, 9vw, 60px)/1.05 var(--font-sans); letter-spacing: -.03em; color: #fff; text-decoration: none; transition: color .25s var(--ease-out); }
.amwaj-mmenu .mm-list > li > a:hover, .amwaj-mmenu .mm-list > li.current-menu-item > a, .amwaj-mmenu .mm-list > li.current-menu-ancestor > a { color: var(--gold); }
.amwaj-mmenu .mm-list .sub-menu { display: flex; flex-direction: column; gap: 6px; padding: 10px 0 6px 4px; }
.amwaj-mmenu .mm-list .sub-menu a { font: 500 clamp(17px, 4.5vw, 21px)/1.3 var(--font-sans); color: rgba(255, 255, 255, .7); text-decoration: none; }
.amwaj-mmenu .mm-list .sub-menu a:hover, .amwaj-mmenu .mm-list .sub-menu .current-menu-item > a { color: #fff; }
.amwaj-mmenu .mm-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 40px; font-size: 15px; color: rgba(255, 255, 255, .7); }
.amwaj-mmenu .mm-meta a { color: #fff; font-weight: 500; text-decoration: none; }
.amwaj-mmenu .mm-meta .amwaj-langpick ul { top: auto; bottom: calc(100% + 10px); left: 0; right: auto; }
.amwaj-mmenu .mm-foot { position: sticky; bottom: 0; padding: 16px var(--gutter) calc(env(safe-area-inset-bottom, 0px) + 20px); }
.amwaj-mmenu .mm-book { height: 56px; font-size: 16px; }
/* While open: the page behind doesn't scroll, and floating buttons step aside. */
html.amwaj-mm-open, html.amwaj-mm-open body { overflow: hidden; }
html.amwaj-mm-open .amwaj-wa, html.amwaj-mm-open .amwaj-themetoggle, html.amwaj-mm-open .amwaj-bookbar { visibility: hidden; }
/* While open, the glass header (logo, language, Book now, close) floats above the menu, as on Floux. The page
   wrapper normally keeps its own layer (so the candle wall stays behind content); release it so the header can rise. */
html.amwaj-mm-open body #page-container, html.amwaj-mm-open .et-l--header, html.amwaj-mm-open .et-l--header .et_builder_inner_content { z-index: auto !important; }
html.amwaj-mm-open .amwaj-header.et_pb_section { z-index: 9985; }