/* Basic reset for mobile drawer */
.alm-mtm-no-scroll { overflow: hidden; }

.alm-mtm-wrap { position: relative; z-index: 1000; }

/* Hamburger */
.alm-mtm-hamburger {
  display:inline-flex; flex-direction:column; gap:5px;
  width:38px; height:32px; align-items:center; justify-content:center;
  background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:4px 6px;
}
.alm-mtm-hamburger span { display:block; width:22px; height:2px; background:#111; }

/* Overlay */
.alm-mtm-overlay {
  position:fixed; inset:0; background:rgba(0,0,0,.35);
}

/* Drawer */
.alm-mtm-drawer {
  position:fixed; top:0; bottom:0; left:0; width:86%;
  max-width:380px; background:#fff; box-shadow:2px 0 20px rgba(0,0,0,.15);
  transform:translateX(-100%); transition:transform .25s ease;
  display:flex; flex-direction:column;
}
.alm-mtm-drawer[aria-hidden="false"] { transform:translateX(0); }

/* Header + Tabs */
.alm-mtm-header { padding:10px 12px; border-bottom:1px solid #eee; display:flex; align-items:center; gap:8px; }
.alm-mtm-close { margin-left:auto; font-size:26px; line-height:1; background:transparent; border:0; }

.alm-mtm-tabs { display:flex; gap:6px; }
.alm-mtm-tab {
  border:0; background:#f3f4f6; padding:8px 12px; border-radius:8px; font-weight:600;
}
.alm-mtm-tab.is-active { background:#fff; box-shadow:inset 0 -2px 0 #2b6cb0; color:#111; }

/* Panels */
.alm-mtm-panels { overflow:auto; padding:6px 12px 20px; flex:1; }
.alm-mtm-panel { display:none; }
.alm-mtm-panel.is-active { display:block; }

/* Lists */
.alm-mtm-catlist, .alm-mtm-menulist { list-style:none; margin:0; padding:0; }
.alm-mtm-catlist li, .alm-mtm-menulist li { border-bottom:1px solid #f1f5f9; }
.alm-mtm-catlist a, .alm-mtm-menulist a {
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 6px; text-decoration:none; color:#111;
}
.alm-mtm-catlist .children, .alm-mtm-menulist .sub-menu {
  padding-left:10px; background:#fafafa;
}
.alm-mtm-note { padding:12px; color:#6b7280; }
