/*
Theme Name: Hunebed Media
Description: Maatwerk thema voor Hunebed Media. Alle inhoud komt uit de database (ACF, CPT's uit hunebedmedia-core, Customizer); de templates bevatten geen vaste teksten.
Author: Hunebed Media
Version: 1.0.0
Text Domain: hunebedmedia
*/

/* De opmaak staat in assets/css/, ge-enqueued via functions.php. Hieronder
   alleen aanvullingen die specifiek zijn voor de WordPress-weergave. */

/* Tekstblokken uit de editor binnen het "over ons"-grid op de voorpagina. */
.over-copy p {
  margin: 0 0 20px;
  font-size: clamp(16.5px, 1.35vw, 18.5px);
  line-height: 1.75;
  color: var(--muted);
}
.over-copy p:last-child { margin-bottom: 0; }
.over-copy strong { color: var(--text); font-weight: 600; }

/* Idem voor het verhaal op de Over ons-pagina (licht vlak). */
.story-body .story-copy p { margin: 0 0 18px; }
.story-body .story-copy p:last-child { margin-bottom: 0; }

/* Team-band met echte groepsfoto (achtergrond en positie via het CMS).
   Dubbele class: home.css laadt later en diens background-shorthand op
   .team-band zou anders background-size en -repeat terugzetten. */
.team-band.team-band--photo {
  background-size: cover, cover;
  background-repeat: no-repeat;
}
.team-band.team-band--photo::before { display: none; } /* geen streeppatroon over de foto */

/* Foto-avatars: vullen de bestaande cirkel zodra er een portret is. */
.team-card__avatar,
.team-member__avatar { overflow: hidden; }
.team-card__avatar img,
.team-member__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* Echte kaart (Leaflet + OpenStreetMap-tiles) op de contactpagina. */
.map-wrap--live::before { display: none; }
.map-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #1d2a30; /* zichtbaar tot de tiles laden */
}
/* De filter dimt de lichte kaarttegels naar de donkere huisstijl;
   functioneel (leesbaarheid in het donkere vlak), geen sfeereffect. */
.map-canvas .leaflet-tile-pane {
  filter: grayscale(.35) invert(.92) hue-rotate(185deg) saturate(.5) brightness(.92) contrast(.95);
}
/* Ontwerp-pin als Leaflet-marker; het icoon zelf heeft geen eigen opmaak. */
.map-pin-icon { background: none; border: none; }
.map-canvas .leaflet-control-attribution {
  background: rgba(20,20,20,.7);
  color: #9FA2AC;
  font-size: 11px;
}
.map-canvas .leaflet-control-attribution a { color: #C3D0D4; }
.map-canvas .leaflet-control-zoom a {
  background: rgba(20,20,20,.85);
  color: #F7F6F3;
  border-color: rgba(255,255,255,.12);
}
.map-label--overlay {
  position: absolute;
  left: 18px;
  bottom: 18px;
  z-index: 500; /* boven de kaartlagen */
  text-align: left;
  pointer-events: none;
}