@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap');
/* Global app font */
html, body, #map {
  font-family: 'Cabin', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
img { width: 33.2px; height: auto; }
.text {
  background-color: #096f48;
  background-image: url('https://www.warwickshire.gov.uk/site/dist/icons/png/logo.png');
  background-repeat: no-repeat; background-size: auto auto; background-position: 50px 5px;
  width: 100%; height: 74px; position: absolute; left: 0; top: 0 !important;
  border-bottom: 2px solid black; border-top: 1px solid black; }
h1 { font-size: 26px; font-weight: normal; text-align: center; color: white; }
p { font-size: 12px; text-align: center; color: white; margin-top: -16px; }
.basemap-switcher {
  top: 90px;
  right: 10px;
  left: auto;
}
.disclaimer {
  right: 10px;
  bottom: 10px;
  top: auto;
}
#map { width: 100%; height: calc(100% - 74px); position: fixed; right: 0; top: 78px; }
.north-arrow { position: absolute; bottom: 10px; left: 10px; z-index: 1000; }
/* Bottom-right copyright label */
.os-copyright {
  position: absolute;
  right: 10px;
  bottom: 4px;                     /* sits near the edge; adjust if overlapping anything */
  z-index: 1002;                   /* stay above the map but below the disclaimer toggle */
  font: 11px/1.2 'Cabin', sans-serif;
  color: #0f172a;
  background: rgba(255,255,255,0.85);
  padding: 3px 6px;
  border-radius: 3px;
  pointer-events: none;            /* won’t block clicks on nearby controls */
}
/* Make OL UI text use Cabin */
.ol-control,
.ol-attribution,
.ol-attribution ul,
.ol-scale-line,
.ol-scale-line-inner,
.ol-zoom,
.ol-rotate,
.ol-zoomslider {
  font-family: 'Cabin', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}