.leaflet-container {
    z-index: 1;
}

.leaflet-pane,
.leaflet-top,
.leaflet-bottom,
.leaflet-control {
    z-index: 10 !important;
}

header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

footer {
    position: relative;
    z-index: 1000;
}

#cookie-banner {
    z-index: 2000;
}

.fuel-clock {
  @apply mt-2 flex items-center gap-1.5 text-[11px] font-medium;
}

.fuel-pill--available .fuel-clock {
  @apply text-slate-600;
}

.fuel-pill--temporary_shortage .fuel-clock {
  @apply text-amber-700;
}

.fuel-pill--definitive_shortage .fuel-clock {
  @apply text-rose-700;
}

.fuel-pill--not_sold .fuel-clock {
  @apply text-slate-400;
}