/* Map-specific styles only (index.html). Kept in its own layer to avoid clashes. */
@layer reset, theme, base, layout, components, features, utilities;

@layer features {
  .interactiveMap {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Keep Leaflet controls visually aligned with TaxiMate theme */
  .leaflet-container {
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-card);
  }
}