/* ═══════════════════════════════════════════════════════
   AROMA MEGA MENU — Drawer latéral navigation
   ═══════════════════════════════════════════════════════ */

/* ── Toggle button in header ── */
.menu-toggle {
  display:flex;align-items:center;gap:7px;
  background:rgba(107,143,60,0.08);
  border:1px solid rgba(107,143,60,0.2);
  border-radius:8px;padding:8px 16px;
  font-size:15px;font-weight:600;color:#6B8F3C;
  cursor:pointer;letter-spacing:0.3px;
  font-family:'Source Sans 3',sans-serif;
  transition:background .18s,border-color .18s;
  white-space:nowrap;
}
.menu-toggle:hover{background:rgba(107,143,60,0.15);border-color:rgba(107,143,60,0.35);}
.menu-toggle-icon{font-size:18px;line-height:1;}

/* ── Overlay ── */
#aroma-overlay{
  display:none;position:fixed;inset:0;z-index:2000;
  background:rgba(10,15,10,0.78);
  backdrop-filter:blur(5px);
}
#aroma-overlay.open{display:block;}

/* ── Drawer ── */
#aroma-drawer{
  position:absolute;top:0;left:0;bottom:0;
  width:min(400px,93vw);
  background:#0E1A0E;
  border-right:1px solid rgba(107,143,60,0.16);
  display:flex;flex-direction:column;
  overflow:hidden;
}

/* ── Drawer header ── */
#aroma-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 22px;
  border-bottom:1px solid rgba(255,255,255,0.07);
  flex-shrink:0;
  position:sticky;top:0;z-index:1;
  background:#0E1A0E;
}
.aroma-drawer-brand{display:flex;align-items:center;gap:10px;}
.aroma-drawer-logo{height:26px;width:auto;flex-shrink:0;}
.aroma-drawer-title{font-size:16px;font-weight:700;color:#E8EDE0;letter-spacing:0.2px;}
.aroma-drawer-sub{font-size:11px;color:#5A6A50;letter-spacing:2px;text-transform:uppercase;margin-top:2px;font-family:'JetBrains Mono',monospace;}

#aroma-close{
  background:none;border:none;cursor:pointer;
  color:rgba(255,255,255,0.3);font-size:22px;line-height:1;
  padding:4px 8px;border-radius:6px;transition:color .15s,background .15s;
}
#aroma-close:hover{color:#fff;background:rgba(255,255,255,0.07);}

/* ── Scrollable content ── */
#aroma-drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain;}
#aroma-drawer-body::-webkit-scrollbar{width:4px;}
#aroma-drawer-body::-webkit-scrollbar-track{background:transparent;}
#aroma-drawer-body::-webkit-scrollbar-thumb{background:rgba(107,143,60,0.25);border-radius:2px;}

/* ── Category groups ── */
.aroma-cat-group{padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.aroma-cat-group:last-child{border-bottom:none;}

.aroma-cat-label{
  display:flex;align-items:center;gap:8px;
  font-size:11px;letter-spacing:2.5px;text-transform:uppercase;
  font-weight:700;padding:12px 22px 6px;
  font-family:'JetBrains Mono',monospace;opacity:0.9;
}
.aroma-cat-icon{font-size:15px;opacity:0.8;}

/* ── Module rows ── */
.aroma-mod-item{
  display:flex;align-items:center;gap:12px;
  padding:11px 22px;
  text-decoration:none;
  color:rgba(232,237,224,0.75);
  font-size:15px;font-family:'Source Sans 3',sans-serif;
  transition:background .15s,color .15s,border-color .15s;
  border-left:3px solid transparent;
  line-height:1.4;
}
.aroma-mod-item:hover{
  background:rgba(107,143,60,0.09);
  color:#E8EDE0;
  border-left-color:rgba(107,143,60,0.45);
}
.aroma-mod-num{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;min-width:30px;flex-shrink:0;
  letter-spacing:0.5px;opacity:0.7;
}
.aroma-mod-name{flex:1;}
.aroma-mod-badge{
  font-size:11px;flex-shrink:0;opacity:0.4;
  font-family:'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase;
}

/* ── Fiches HE section ── */
.aroma-fiches-group{
  padding:12px 22px 16px;
  border-top:1px solid rgba(201,169,110,0.12);
}
.aroma-fiches-label{
  font-size:11px;letter-spacing:2.5px;text-transform:uppercase;
  font-weight:700;padding-bottom:10px;
  font-family:'JetBrains Mono',monospace;color:#C9A96E;opacity:0.7;
}
.aroma-fiche-chip-link{
  display:inline-flex;align-items:center;gap:5px;
  font-size:14px;color:#C9A96E;
  background:rgba(201,169,110,0.07);
  border:1px solid rgba(201,169,110,0.16);border-radius:100px;
  padding:4px 12px;margin:3px 4px 3px 0;
  text-decoration:none;
  transition:background .15s,border-color .15s;
}
.aroma-fiche-chip-link:hover{background:rgba(201,169,110,0.14);border-color:rgba(201,169,110,0.3);}

/* ── Footer ── */
#aroma-drawer-footer{
  padding:12px 22px;
  border-top:1px solid rgba(255,255,255,0.07);
  flex-shrink:0;
}
#aroma-drawer-footer a{
  display:flex;align-items:center;gap:8px;
  color:rgba(232,237,224,0.35);font-size:15px;
  text-decoration:none;padding:8px 0;
  transition:color .15s;
}
#aroma-drawer-footer a:hover{color:#E8EDE0;}

/* ── Responsive ── */
@media(max-width:600px){
  .menu-toggle span{display:none;}
  .menu-toggle{padding:7px 10px;}
  #aroma-drawer{width:min(400px,calc(100vw - 48px));}
  .aroma-cat-label,.aroma-mod-item,.aroma-fiches-group,#aroma-drawer-head,#aroma-drawer-footer{padding-left:16px;padding-right:16px;}
}

/* ── Logo link (left of topbar) ── */
.topbar-logo-link {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  opacity: 0.82;
  transition: opacity .18s;
  text-decoration: none;
}
.topbar-logo-link:hover { opacity: 1; }

/* ── Topbar toggle (injected by aroma-menu.js, appended = right side) ── */
.aroma-nav-toggle {
  background: rgba(107,143,60,0.09);
  border: 1px solid rgba(107,143,60,0.22);
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 15px;
  color: #6B8F3C;
  cursor: pointer;
  margin-left: 12px;
  line-height: 1.5;
  transition: background .18s, border-color .18s;
  flex-shrink: 0;
}
.aroma-nav-toggle:hover {
  background: rgba(107,143,60,0.18);
  border-color: rgba(107,143,60,0.4);
}