/*
 * DJP Events – Salient + WPBakery uiterlijk.
 * Wordt alleen geladen als het Salient-thema actief is (of handmatig gekozen).
 * Gebruikt Salient's accentkleur (--nectar-accent-color) en neemt lettertypen over van het thema.
 */
body.djp-theme-salient{
	--djp-accent:var(--nectar-accent-color,#3452ff);
	--djp-accent-ink:#fff;
	--djp-ink:inherit;
	--djp-radius:14px;
}
body.djp-theme-salient .djp-events,
body.djp-theme-salient .djp-events-page,
body.djp-theme-salient .djp-form-wrap,
body.djp-theme-salient .djp-events-wrap{
	--djp-accent:var(--nectar-accent-color,#3452ff);
	--djp-accent-ink:#fff;
	--djp-ink:#1f2328;
	--djp-muted:#6b7280;
	--djp-radius:14px;
}

/* Salient levert zelf container/padding; geen dubbele marges. */
body.djp-theme-salient .djp-events-page{max-width:none;padding:0}
body.djp-theme-salient .djp-single .djp-event{max-width:100%}
body.djp-theme-salient .djp-events-wrap{margin-bottom:0}
body.djp-theme-salient .djp-events{margin:0}

/* Reset Salient's .row .col typografie-opvulling binnen onze blokken. */
body.djp-theme-salient .djp-events p,
body.djp-theme-salient .djp-form-wrap p,
body.djp-theme-salient .djp-events-page p{padding-bottom:0}
body.djp-theme-salient .djp-events img,
body.djp-theme-salient .djp-event__img img{margin-bottom:0}
body.djp-theme-salient .djp-event__info,
body.djp-theme-salient .djp-event__info li{margin-left:0;list-style:none}
body.djp-theme-salient .djp-event__info li{margin-bottom:0}
body.djp-theme-salient .djp-event-card__meta dd,
body.djp-theme-salient .djp-event__facts dd{margin-left:0}

/* Koppen: Salient's heading-lettertype en -kleur behouden. */
body.djp-theme-salient .djp-events-page__header h1{max-width:20ch;margin-left:auto;margin-right:auto}
body.djp-theme-salient .djp-event-card__title{font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.25;margin-bottom:.5rem}
body.djp-theme-salient .djp-event-card__title a{color:inherit}
body.djp-theme-salient .djp-event-card__title a:hover{color:var(--djp-accent);text-decoration:none}
body.djp-theme-salient .djp-event__header h1{margin-bottom:0}

/* Kaarten: zachte schaduw en hover zoals Salient-blokken. */
body.djp-theme-salient .djp-event-card{border-color:rgba(0,0,0,.08);box-shadow:0 2px 14px rgba(0,0,0,.04);transition:box-shadow .25s ease,transform .25s ease}
body.djp-theme-salient .djp-event-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.09);transform:translateY(-2px)}
body.djp-theme-salient .djp-event-card__media img{transition:transform .5s ease}
body.djp-theme-salient .djp-event-card:hover .djp-event-card__media img{transform:scale(1.04)}
body.djp-theme-salient .djp-event-card__date{color:var(--djp-ink)}
body.djp-theme-salient .djp-event-card__date .djp-day{color:var(--djp-accent)}

/* Knoppen in Salient-stijl (accentkleur, afgerond). */
body.djp-theme-salient .djp-btn,
body.djp-theme-salient .djp-filter{transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}
body.djp-theme-salient .djp-btn{border-color:var(--djp-accent);color:var(--djp-accent);border-radius:999px;font-weight:600;letter-spacing:.01em}
body.djp-theme-salient .djp-btn:hover{opacity:1;background:var(--djp-accent);color:var(--djp-accent-ink)}
body.djp-theme-salient .djp-btn--primary,
body.djp-theme-salient button.djp-btn--primary{background:var(--djp-accent);border-color:var(--djp-accent);color:var(--djp-accent-ink)}
body.djp-theme-salient .djp-btn--primary:hover{opacity:.88;background:var(--djp-accent);color:var(--djp-accent-ink)}
body.djp-theme-salient .djp-link{color:var(--djp-ink)}
body.djp-theme-salient .djp-link:hover{color:var(--djp-accent)}
body.djp-theme-salient .djp-back:hover{color:var(--djp-accent)}

/* Filters en labels. */
body.djp-theme-salient .djp-filter{border-color:var(--djp-accent);color:var(--djp-accent)}
body.djp-theme-salient .djp-filter:hover{background:rgba(0,0,0,.04)}
body.djp-theme-salient .djp-filter.is-active,
body.djp-theme-salient .djp-filter.is-active:hover{background:var(--djp-accent);color:var(--djp-accent-ink)}
body.djp-theme-salient .djp-pill{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08)}

/* Eventpagina: info-balk. */
body.djp-theme-salient .djp-event__info{border-color:rgba(0,0,0,.08);box-shadow:0 2px 14px rgba(0,0,0,.04)}
body.djp-theme-salient .djp-event__info li{border-color:rgba(0,0,0,.08)}
body.djp-theme-salient .djp-event__label{color:var(--djp-accent)}

/* Formulier: Salient-achtige invoervelden. */
body.djp-theme-salient .djp-form-wrap{border-color:rgba(0,0,0,.08);box-shadow:0 2px 14px rgba(0,0,0,.04)}
body.djp-theme-salient .djp-form input[type=text],
body.djp-theme-salient .djp-form input[type=email],
body.djp-theme-salient .djp-form input[type=tel],
body.djp-theme-salient .djp-form input[type=number],
body.djp-theme-salient .djp-form textarea{border-radius:8px;margin-bottom:0}
body.djp-theme-salient .djp-form label{margin-bottom:.35rem}
body.djp-theme-salient .djp-form input[type=checkbox]{width:auto;margin:0 .4rem 0 0}
body.djp-theme-salient .djp-form button.djp-btn{font-family:inherit;line-height:1.4}

/* In WPBakery-kolommen: geen extra marge onder het element. */
body.djp-theme-salient .wpb_wrapper .djp-events-wrap{margin-bottom:0}
body.djp-theme-salient .vc_col-sm-4 .djp-events--raster,
body.djp-theme-salient .vc_col-sm-6 .djp-events--raster,
body.djp-theme-salient .vc_col-sm-3 .djp-events--raster{grid-template-columns:1fr}
body.djp-theme-salient .vc_col-sm-4 .djp-event-card,
body.djp-theme-salient .vc_col-sm-3 .djp-event-card{grid-template-columns:1fr}
body.djp-theme-salient .vc_col-sm-4 .djp-event-card__media,
body.djp-theme-salient .vc_col-sm-3 .djp-event-card__media{min-height:0;aspect-ratio:16/10}
body.djp-theme-salient .vc_col-sm-4 .djp-event-card__actions,
body.djp-theme-salient .vc_col-sm-3 .djp-event-card__actions{flex-direction:row;justify-content:space-between;padding:0 .6rem .6rem}