/* ===============================
   Emirates Angels — site.css
   (FULL LAYOUT + SCOPED MENU)
   =============================== */

/* Base */
html, body { margin:0; padding:0; }
body { font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans"; color:#111; }

/* ---------- Desktop layout ---------- */
.ea-layout{ display:flex; min-height:100dvh; }
.ea-sidebar{ width:280px; background:#fff; border-right:1px solid #eee; position:sticky; top:0; height:100dvh; overflow:auto; }
.ea-content{ flex:1; padding:24px; }

/* ---------- Top bar (mobile only) ---------- */
header.ea-topbar{ display:none; }                 /* hide on desktop by default */
@media (max-width:768px){
  header.ea-topbar{
    display:flex !important; align-items:center; gap:10px;
    position:sticky; top:0; z-index:50;
    height:56px; background:#fff; border-bottom:1px solid #eee; padding:0 12px;
  }
  .ea-topbar__logo{ border:0; background:transparent; padding:0; display:flex; align-items:center; }
  .ea-topbar__logo img{ width:36px; height:36px; }
  .ea-topbar__title{ font-weight:600; }
}

/* ---------- Sidebar becomes off-canvas on mobile ---------- */
@media (max-width:768px){
  .ea-sidebar{
    position:fixed; left:0; top:0; height:100dvh; transform:translateX(-100%);
    box-shadow:0 10px 25px rgba(0,0,0,.14); transition:transform .25s ease; z-index:60;
  }
  .ea-sidebar.open{ transform:translateX(0); }
  .ea-content{ padding:18px; }
}

/* ---------- Overlay for mobile menu ---------- */
.ea-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.35); opacity:0; visibility:hidden; transition:.2s; z-index:45; }
.ea-overlay.show{ opacity:1; visibility:visible; }

/* ---------- SCOPED sidebar menu styles ---------- */
.ea-sidebar nav.ea-menu *{ box-sizing:border-box; }
.ea-sidebar nav.ea-menu .ea-menu__brand img{ width:140px; display:block; margin:10px auto 14px; }

.ea-sidebar nav.ea-menu .ea-menu__section{ margin:10px 0; }
.ea-sidebar nav.ea-menu .ea-menu__section + .ea-menu__section{
  border-top:1px solid #eee; padding-top:10px;
}
.ea-sidebar nav.ea-menu .ea-menu__list{ list-style:none; margin:0; padding-left:0; }
.ea-sidebar nav.ea-menu .ea-menu__list li + li{ margin-top:2px; }

.ea-sidebar nav.ea-menu .ea-menu__list a{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:10px;
  color:#222; text-decoration:none;
}
.ea-sidebar nav.ea-menu .ea-menu__list a:hover{ background:#f5f7fa; }
.ea-sidebar nav.ea-menu .ea-menu__list i{ font-size:18px; color:#666; }

/* ---------- Page content (kept independent) ---------- */
.ea-page{ max-width:960px; margin:0 auto; }
.ea-page h1{ font-size:34px; margin:0 0 12px; }
.ea-page h2{ font-size:22px; margin:22px 0 10px; }
.ea-page p{ margin:10px 0; }
.ea-page ul{ list-style:disc; padding-left:20px; margin:10px 0; }
.ea-page__muted{ color:#666; }
.ea-page__footerlinks{ margin-top:28px; }
.ea-content{ padding-top:16px !important; }
.ea-page h1:first-child{ margin-top:0 !important; }

/* ---------- Home splash (no sidebar) ---------- */
.home-no-sidebar .ea-layout{ display:block; }      /* disable two-column layout on home */
.home-no-sidebar .ea-sidebar{ display:none; }
.ea-splash{
  min-height:calc(100dvh - 60px);
  display:flex; align-items:center; justify-content:center;
}
.ea-splash__logo{ width:min(70vw,560px); height:auto; display:block; }
.ea-splash__footer{ text-align:center; padding:10px 0 22px; color:#333; }
.ea-splash__footer a{ color:#1a1a1a; text-decoration:none; }
.ea-splash__footer a:hover{ text-decoration:underline; }