/* De Nachtwacht – Site Kit · glue-stijlen
   Kleine aanvullingen voor de WordPress-blokken die content uit de backend
   tonen (albums-overzicht, Instagram-afbeeldingen, lege staten). De rest van
   de opmaak komt 1-op-1 uit de oorspronkelijke pagina-CSS. */

.dnw-empty{ text-align:center; color:var(--muted); padding:60px 20px; }

/* Instagram: backend-afbeelding i.p.v. image-slot */
.ig-post .ig-photo{ display:block; width:100%; aspect-ratio:4/5; object-fit:cover; background:#1a1209; }
.ig-embed{ max-width:var(--maxw); margin:0 auto; }
/* Echte Instagram-profielfoto vult de cirkel (geen embleem-opvulling) */
.ig-post .ph .av.av-photo{ padding:2px; }
.ig-post .ph .av.av-photo img{ padding:0; background:none; object-fit:cover; }

/* Foto-band: backend-afbeelding binnen de polaroid (zelfde hoogte als het ontwerp) */
.marquee-track .polaroid img{ display:block; width:100%; height:248px; object-fit:cover;
	filter:contrast(1.1) saturate(1.12) sepia(0.18) brightness(0.95); }

/* Contact Form 7 binnen onze formulier-kaart: laat de CF7-velden de eigen
   .dnw-form-look overnemen (CF7 wrapt inputs in een span en voegt eigen
   meldingen toe). Alleen gescoped binnen .dnw-form-cf7. */
.dnw-form-cf7 .wpcf7-form-control-wrap{ display:block; width:100%; }
.dnw-form-cf7 .field input,
.dnw-form-cf7 .field select,
.dnw-form-cf7 .field textarea{ width:100%; }
.dnw-form-cf7 .wpcf7-submit{ width:100%; justify-content:center; margin-top:6px; cursor:pointer; }
.dnw-form-cf7 .wpcf7-response-output{ margin:18px 0 0; padding:12px 14px; border-radius:6px;
	font-size:14px; line-height:1.45; border:1px solid var(--line); color:var(--cream); }
.dnw-form-cf7 .wpcf7-not-valid-tip{ color:#e9a23b; font-size:12.5px; margin-top:6px; display:block; }
.dnw-form-cf7 .wpcf7-not-valid{ border-color:#e9a23b !important; }
.dnw-form-cf7 .wpcf7-spinner{ margin:0 auto; }

/* Albums-overzicht */
.albums-page{ padding:72px 0 100px; }
.album-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:46px; }
.album-card{ display:block; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--ink-2); transition:transform .35s ease, border-color .35s ease; }
.album-card:hover{ transform:translateY(-5px); border-color:var(--line-gold); }
.album-thumb{ aspect-ratio:4/3; overflow:hidden; background:#1a1209; }
.album-thumb img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.16,1,.3,1); }
.album-card:hover .album-thumb img{ transform:scale(1.06); }
.album-meta{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:18px 20px; }
.album-meta h3{ font-family:var(--serif); font-size:19px; color:var(--cream); }
.album-meta span{ font-size:13px; color:var(--muted); }
@media(max-width:820px){ .album-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .album-grid{ grid-template-columns:1fr; } }