/*
Theme Name: Reicon SD Vier Diensten
Description: Actuele Reicon SD-child theme met vier zelfstandige dienstkaarten, lokaal geografisch werkgebied en nieuwsbeheer.
Template: reicon-sd-seo
Version: 1.19.0
Text Domain: reicon-sd-four-services
*/

/* Design contract: behoud de lichte technische Reicon SD-vormgeving en de complete vaste header van het bovenliggende thema. */
@import url("../reicon-sd-seo/style.css");

/* Design contract: realistic open geographic context in the existing light technical
   Reicon SD language; the map must remain legible, calm and secondary to contact. */
.reicon-region__art { background: #eef5fb; }
.reicon-static-map { position: relative; display: block; aspect-ratio: 1200 / 980; margin: 0; overflow: hidden; background: #eaf3fd; }
.reicon-static-map > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.reicon-static-map::after { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.02) 48%, rgba(31,115,206,.08)); content: ""; pointer-events: none; }
.reicon-static-map__overlay { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.reicon-static-map__radius { fill: rgba(31,115,206,.12); stroke: rgba(31,115,206,.88); stroke-dasharray: 13 12; stroke-width: 4; }
.reicon-static-map__city circle { fill: #fff; stroke: var(--reicon-blue); stroke-width: 5; filter: drop-shadow(0 3px 5px rgba(11,31,59,.2)); }
.reicon-static-map__city text { fill: var(--reicon-navy); font-family: "Manrope", sans-serif; font-size: 26px; font-weight: 800; paint-order: stroke fill; stroke: rgba(255,255,255,.95); stroke-width: 7px; stroke-linejoin: round; }
.reicon-static-map__utrecht circle { fill: var(--reicon-blue); stroke: rgba(255,255,255,.96); stroke-width: 9; filter: drop-shadow(0 7px 12px rgba(11,31,59,.24)); }.reicon-static-map__utrecht text { fill: #fff; font-family: "Manrope", sans-serif; font-size: 30px; font-weight: 800; text-anchor: middle; }.reicon-static-map__utrecht text:nth-of-type(2) { font-size: 14px; letter-spacing: .1em; text-transform: uppercase; }.reicon-static-map__utrecht text:nth-of-type(3) { fill: var(--reicon-navy); font-size: 24px; paint-order: stroke fill; stroke: rgba(255,255,255,.96); stroke-width: 7px; }
.reicon-static-map figcaption { position: absolute; z-index: 2; top: 18px; left: 18px; max-width: 260px; border: 1px solid rgba(255,255,255,.76); border-radius: 9px; background: rgba(255,255,255,.88); box-shadow: 0 6px 18px rgba(11,31,59,.12); color: var(--reicon-navy); font: 800 11px/1.4 "Manrope", sans-serif; padding: 9px 11px; }.reicon-static-map__attribution { position: absolute; z-index: 2; right: 7px; bottom: 7px; border-radius: 4px; background: rgba(255,255,255,.86); color: #526077; font: 9px/1.3 "DM Sans", sans-serif; padding: 3px 5px; }
@media (max-width: 560px) { .reicon-static-map figcaption { top: 11px; left: 11px; max-width: 195px; font-size: 9px; padding: 6px 8px; } }

/* Design contract: four standalone service disciplines must remain equally legible;
   recovery coordination is a primary service, never a small afterthought below three cards. */
@media (min-width: 1181px) {
	.reicon-services__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
	.reicon-service-card { min-height: 350px; padding: 23px; }
	.reicon-service-card h3 { font-size: 20px; letter-spacing: -.048em; }
	.reicon-service-card__tag { margin-top: 23px; }
	.reicon-service-card > p:not(.reicon-service-card__tag) { font-size: 13px; }
	.reicon-service-card a { font-size: 12px; }
}

@media (min-width: 961px) and (max-width: 1180px) {
	.reicon-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* Live header update: larger horizontal wordmark; keep the fixed header as one coherent navigation bar. */
.reicon-brand-area { flex: 0 1 auto; min-width: 0; }
.reicon-brand--official { display: flex; align-items: center; min-width: 0; }
.reicon-brand__logo { display: block; width: clamp(270px, 30vw, 380px); max-width: 100%; max-height: 60px; height: auto; object-fit: contain; }

@media (max-width: 1180px) and (min-width: 961px) {
  .reicon-header__inner { gap: 14px; }
  .reicon-brand__logo { width: 310px; }
  .reicon-navigation .menu, .reicon-navigation ul { gap: 14px; }
  .reicon-navigation a { font-size: 12px; }
  .reicon-damage-button { padding-right: 13px; padding-left: 13px; }
}

@media (max-width: 960px) {
  .reicon-brand__logo { width: 320px; max-height: 56px; }
}

@media (max-width: 560px) {
  .reicon-brand__logo { width: min(300px, calc(100vw - 94px)); max-height: 52px; }
}


/* Design contract: supplied reference layout — broad service headline above retained subcopy; news headline without subcopy. */
.reicon-service-depth .reicon-section-heading--service-wide,
.reicon-news .reicon-section-heading--news-wide { display: block; max-width: 980px; }
.reicon-service-depth .reicon-section-heading--service-wide > div,
.reicon-news .reicon-section-heading--news-wide > div,
.reicon-service-depth .reicon-section-heading--service-wide h2,
.reicon-news .reicon-section-heading--news-wide h2 { max-width: 920px; }
.reicon-service-depth .reicon-section-heading--service-wide h2 br,
.reicon-news .reicon-section-heading--news-wide h2 br { display: none; }
.reicon-service-depth .reicon-section-heading--service-wide > p { max-width: 720px; margin: 24px 0 0; }
.reicon-news .reicon-section-heading--news-wide > p { display: none; }
@media (max-width: 960px) {
  .reicon-service-depth .reicon-section-heading--service-wide,
  .reicon-news .reicon-section-heading--news-wide { max-width: 100%; }
  .reicon-service-depth .reicon-section-heading--service-wide > p { margin-top: 18px; }
}