/* ══════════════════════════════════════════════════════════════════
   Dropdown menus — flat solid panel per brand_identity_v2.md §5/§11
   Cycle 17 B: glass-morphism DEMOTED. A dropdown is a panel — solid
   white surface, 1px line border, faint shadow. No backdrop-filter.
   The `.dropdown-no-glass` opt-out class is kept (now a no-op) so any
   existing callsite markup stays valid.
   ══════════════════════════════════════════════════════════════════ */

.dropdown-menu {
  background: var(--wasla-surface, #ffffff);
  border: 1px solid var(--wasla-line, #E4E7EC);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(20, 40, 70, 0.10);
}

[data-bs-theme="dark"] .dropdown-menu {
  background: var(--wasla-surface);
  border-color: var(--wasla-line);
}

/* Active / pressed item — faint blue tint, navy text. */
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item.active {
  background: var(--wasla-ai-tint, #E5ECFC);
  color: var(--wasla-heading, #1D3A5E);
}