/* Empyrion Menu — Fix 9
 * - Guest: header menu visible on desktop, hidden <980 when hamburger shows (from previous fix).
 * - Connected: only hamburger (all widths).
 * - Drawer links get consistent button styling. Admin link highlighted in red.
 */

:root{
  --menu-z: 1200;
  --menu-bg: rgba(6,11,18,.72);
  --menu-panel: rgba(10,19,32,.96);
  --menu-border: 1px solid rgba(255,255,255,.12);
  --menu-shadow: 0 12px 40px rgba(0,0,0,.45);
  --btn-bg: linear-gradient(180deg, rgba(20,36,58,.95), rgba(12,24,39,.95));
  --btn-bd: rgba(5,209,255,.35);
  --btn-tx: #e9fbff;
}

.hamburger-btn{ display:none }
@media (max-width:980px){
  .hamburger-btn{
    display:inline-flex; align-items:center;
    position:fixed; top:12px; right:12px; left:auto;
    z-index:var(--menu-z); padding:10px 12px;
    border-radius:12px; border:1px solid var(--btn-bd);
    background:var(--btn-bg); color:var(--btn-tx);
    box-shadow:0 6px 24px rgba(0,0,0,.35);
  }
}

/* Connected override: only hamburger (all widths) and hide all other menus */
[data-emp-connected="1"] .hamburger-btn{
  display:inline-flex !important;
}
.header-center .hamburger-btn{
  position:static !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  margin:0;
}
[data-emp-connected="1"] .site-header nav,
[data-emp-connected="1"] header nav,
[data-emp-connected="1"] .lrs-vertmenu,
[data-emp-connected="1"] .header_menu_vertical,
[data-emp-connected="1"] .menu-vertical,
[data-emp-connected="1"] .sidebar{
  display:none !important;
}

/* Guests on mobile: hide header nav when hamburger is present */
@media (max-width:980px){
  html:not([data-emp-connected="1"]) .site-header nav,
  html:not([data-emp-connected="1"]) header nav,
  html:not([data-emp-connected="1"]) .navbar,
  html:not([data-emp-connected="1"]) .main-nav{
    display:none !important;
  }
}

/* Drawer */
.mobile-nav{ position:fixed; inset:0; display:none; z-index:1199 }
.mobile-nav__overlay{ position:absolute; inset:0; background:var(--menu-bg); backdrop-filter: blur(6px); opacity:0; transition:opacity .2s ease }
.mobile-nav__panel{
  position:absolute; left:0; top:0; bottom:0; width:min(86vw, 420px);
  background:var(--menu-panel); border-right:var(--menu-border); box-shadow:var(--menu-shadow);
  transform: translateX(-104%); transition: transform .25s ease;
  overflow:auto; padding:16px;
}
@media (min-width:1280px){ .mobile-nav__panel{ width:420px } }

body[data-menu-open="1"] .mobile-nav{ display:block }
body[data-menu-open="1"] .mobile-nav__overlay{ opacity:1 }
body[data-menu-open="1"] .mobile-nav__panel{ transform: translateX(0) }

/* Drawer items styled as buttons */
.mobile-nav__content ul{ list-style:none; padding:0; margin:0 }
.mobile-nav__content li+li{ margin-top:6px }
.mobile-nav__content a{
  display:flex; align-items:center; justify-content:space-between;
  gap:.5rem; padding:.7rem .8rem;
  border-radius:12px; border:1px solid var(--btn-bd);
  background: var(--btn-bg); color:var(--btn-tx); text-decoration:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.mobile-nav__content a:hover{ border-color: rgba(5,209,255,.7); box-shadow: 0 0 18px rgba(5,209,255,.25) }
.mobile-nav__content a .badge{ margin-left:auto }

/* Admin link (red) */
.mobile-nav__content a.menu-admin{
  border-color: rgba(255,77,90,.6);
  background: linear-gradient(180deg, rgba(60,14,18,.95), rgba(40,8,12,.95));
  color: #ffd7db;
}
.mobile-nav__content a.menu-admin:hover{
  border-color: rgba(255,77,90,.9);
  box-shadow: 0 0 18px rgba(255,77,90,.35);
}

/* Permanent hide of left vertical menu for connected (safety) */
[data-emp-connected="1"] .lrs-vertmenu,
[data-emp-connected="1"] .header_menu_vertical,
[data-emp-connected="1"] .menu-vertical{ display:none !important }