/* Munja AI – new menu, "I am a..." drop-down and mobile bottom bar (Oct 2026). */
.nav-drop { position: relative; }
.nav-drop summary { list-style: none; cursor: pointer; font-weight: 600; font-size: 1rem; color: var(--ink); padding: 8px 12px; border-radius: 10px; display: flex; gap: 8px; align-items: center; }
.nav-drop summary::-webkit-details-marker { display: none; }
.nav-drop summary::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .15s ease; }
.nav-drop[open] summary::after { transform: rotate(-135deg) translateY(-1px); }
.nav-drop summary:hover, .nav-drop[open] summary { background: var(--paper-deep); }
.drop-menu { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); width: 290px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 22px 44px rgba(29, 24, 66, .18); padding: 8px; display: flex; flex-direction: column; gap: 2px; z-index: 60; }
.drop-menu a { display: flex !important; gap: 12px; align-items: center; padding: 10px 12px !important; border-radius: 12px; }
.drop-menu a i { flex: none; width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; font-style: normal; font-family: var(--font-display); font-weight: 700; color: #fff; }
.drop-menu a span { display: flex; flex-direction: column; line-height: 1.25; }
.drop-menu a small { font-weight: 400; font-size: .86rem; color: var(--ink-soft); }
.drop-menu a:hover { background: var(--paper); }
.nav a.btn-saffron { background: var(--saffron); color: var(--night); margin-left: 8px; }
.nav a.btn-saffron:hover { background: #F59A33; }
.mbar { display: none; }
@media (max-width: 900px) {
  .nav-drop summary { padding: 12px; font-size: 1.1rem; }
  .drop-menu { position: static; transform: none; width: auto; box-shadow: none; border: 0; padding: 0 0 6px 6px; }
  .nav a.btn-saffron { margin: 6px 0 0; }
}
@media (max-width: 700px) {
  .mbar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; gap: 8px; align-items: stretch; padding: 8px max(12px, env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px)); background: rgba(29, 24, 66, .96); backdrop-filter: blur(8px); box-shadow: 0 -8px 24px rgba(0, 0, 0, .18); }
  .mbar-cta { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--saffron); color: var(--night); border-radius: 14px; text-decoration: none; font-family: var(--font-display); font-weight: 700; font-size: 1.08rem; line-height: 1.1; padding: 8px 10px; }
  .mbar-cta small { font-family: var(--font-body); font-weight: 600; font-size: .74rem; opacity: .8; }
  .mbar-wa { width: 56px; flex: none; display: grid; place-items: center; background: var(--wa); color: #fff; border-radius: 14px; }
  .mbar-wa svg { width: 26px; height: 26px; }
  .wa-float { display: none !important; }
  body { padding-bottom: 76px; }
  body.exam-on .mbar { display: none; }
}
.plan-logo { height: 36px; width: auto; align-self: flex-start; }