/**
 * De werkgebiedkaart op de bedrijfspagina.
 *
 * Bewust mager: dit blok staat in een Etch-opbouw die zijn eigen typografie en
 * kleuren meebrengt, dus hier alleen wat de kaart écht nodig heeft (een doos
 * met hoogte) en een nette, neutrale gebiedenlijst. Geen font, geen kleuren
 * die de huisstijl overschrijven, geen resets.
 */

.blinkoo-werkgebied {
  display: grid;
  gap: 1rem;
}

.blinkoo-werkgebied__kaart {
  width: 100%;
  min-height: 200px;
  border-radius: 5px;
  overflow: hidden;
  /* Zichtbare rustplek zolang Google nog laadt; hij is aria-hidden, dus een
     schermlezer krijgt hier niets van mee. */
  background: #eef1f5;
}

/* Google zelf faalde (sleutel geweigerd, netwerk weg). Een grijze doos die
   nooit iets wordt is erger dan geen doos: de tekstlijst hieronder draagt
   dezelfde informatie. */
.blinkoo-werkgebied__kaart--weg {
  display: none;
}

.blinkoo-werkgebied__titel {
  margin: 0 0 0.5rem;
  font-weight: 600;
}

.blinkoo-werkgebied__lijst {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.blinkoo-werkgebied__lijst li {
  padding: 0.25rem 0.625rem;
  border: 1px solid currentColor;
  border-radius: 5px;
  /* currentColor op 12% zou niet kunnen zonder een tweede laag; de rand mag
     rustig meelopen met de tekstkleur van het thema. */
  opacity: 0.85;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.blinkoo-werkgebied__melding {
  margin: 0;
  font-size: 0.875rem;
  opacity: 0.75;
}