/* FuelDash V426 — CARTO attribution remains visible, compact, and centered. */
html body #app .leaflet-control-attribution,
html body #app .fuel-map .leaflet-control-attribution,
html body #app .fuel-map.is-compact .leaflet-control-attribution,
html body #app .fd-route-map .leaflet-control-attribution,
html body .fd-feature-page[data-fd-feature-view="tankbook"] .leaflet-control-attribution {
  display: block !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  max-width: calc(100% - 8px);
  padding: 1px 4px !important;
  border-radius: 5px 5px 0 0;
  background: rgba(5, 5, 6, 0.68) !important;
  color: rgba(255, 255, 255, 0.66) !important;
  font-size: 7px !important;
  line-height: 1.2 !important;
  opacity: 0.6 !important;
  white-space: nowrap;
}

/* Leaflet mounts attribution inside the right bottom control group. Make
   that group span the map so the control can be centered reliably. */
html body #app .leaflet-bottom.leaflet-right,
html body .fd-feature-page[data-fd-feature-view="tankbook"] .leaflet-bottom.leaflet-right {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  pointer-events: none !important;
}

html body #app .leaflet-bottom.leaflet-right .leaflet-control-attribution,
html body .fd-feature-page[data-fd-feature-view="tankbook"] .leaflet-bottom.leaflet-right .leaflet-control-attribution {
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  pointer-events: auto !important;
}

/* Leaflet's decorative blue/yellow flag is not part of the required attribution. */
html body #app .leaflet-control-attribution .leaflet-attribution-flag,
html body .fd-feature-page[data-fd-feature-view="tankbook"] .leaflet-control-attribution .leaflet-attribution-flag {
  display: none !important;
}

html body #app .leaflet-control-attribution a,
html body #app .fuel-map .leaflet-control-attribution a,
html body #app .fd-route-map .leaflet-control-attribution a,
html body .fd-feature-page[data-fd-feature-view="tankbook"] .leaflet-control-attribution a {
  color: rgba(255, 255, 255, 0.82) !important;
}

html body #app .leaflet-control-attribution:hover,
html body #app .leaflet-control-attribution:focus-within,
html body .fd-feature-page[data-fd-feature-view="tankbook"] .leaflet-control-attribution:hover,
html body .fd-feature-page[data-fd-feature-view="tankbook"] .leaflet-control-attribution:focus-within {
  opacity: 1 !important;
}

html[data-fd-theme="light"] body #app .leaflet-control-attribution,
html[data-fd-theme="light"] body #app .fuel-map .leaflet-control-attribution,
html[data-fd-theme="light"] body #app .fd-route-map .leaflet-control-attribution,
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="tankbook"] .leaflet-control-attribution {
  background: rgba(255, 255, 255, 0.84) !important;
  color: rgba(35, 35, 40, 0.72) !important;
}

html[data-fd-theme="light"] body #app .leaflet-control-attribution a,
html[data-fd-theme="light"] body #app .fuel-map .leaflet-control-attribution a,
html[data-fd-theme="light"] body #app .fd-route-map .leaflet-control-attribution a,
html[data-fd-theme="light"] body .fd-feature-page[data-fd-feature-view="tankbook"] .leaflet-control-attribution a {
  color: rgba(35, 35, 40, 0.86) !important;
}

@media (max-width: 390px) {
  html body #app .leaflet-control-attribution,
  html body #app .fuel-map .leaflet-control-attribution,
  html body #app .fd-route-map .leaflet-control-attribution,
  html body .fd-feature-page[data-fd-feature-view="tankbook"] .leaflet-control-attribution {
    font-size: 6px !important;
  }
}