/* Een redactionele eventreeks: inhoud links, beeld rechts. */
.las-hotellas-events { width:100%;box-shadow:none!important; }
.las-hotellas-events__section + .las-hotellas-events__section { margin-top:clamp(4rem,9vw,8rem); }
.las-hotellas-events__grid { display:grid;grid-template-columns:1fr;gap:clamp(4rem,9vw,8rem);width:100%; }
.las-hotellas-event-card { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;min-height:28rem;overflow:visible;background:transparent;color:var(--las-hotellas-event-card-text-color,#001722);border-radius:0;box-shadow:none; }
.las-hotellas-event-card__image { grid-column:2;grid-row:1;position:relative;align-self:center;width:auto;min-width:0;height:auto;aspect-ratio:4/3;overflow:hidden;background:var(--wp--preset--color--accent-6,#e8ebed66);border-radius:var(--las-hotellas-events-card-radius,6px);box-shadow:var(--las-hotellas-event-image-shadow,none);transform:perspective(1000px) translateY(var(--las-hotellas-event-box-y,0px)) rotateX(var(--las-hotellas-event-box-kanteling,0deg));will-change:transform; }
.las-hotellas-event-card__image img { display:block;width:100%;height:100%;object-fit:cover;object-position:var(--las-hotellas-event-image-focus,center center); }
/* De schaduw komt op zodra de kaart in beeld schuift. Staat er via Gutenberg al
   een schaduw op het blok, dan wint die en blijft deze uit. */
.las-hotellas-event-card__image--lift {
	box-shadow:0 12px 28px -18px rgba(0,23,34,0);
	transition:box-shadow 700ms cubic-bezier(.4,0,.2,1);
}
.las-hotellas-event-card__image--lift.is-in-view { box-shadow:0 26px 54px -22px rgba(0,23,34,.3); }
.las-hotellas-event-card__placeholder { width:100%;height:100%;min-height:180px;background:var(--wp--preset--color--accent-6,#e8ebed66); }
/* Beide labels zijn gevuld. Het aftellen valt op in accent-1; terugblik blijft licht
   en stil: een tint van accent-3 met tekst uit dezelfde kleurfamilie. Beide
   volgen de swatch Accent 3 in Gutenberg, dus daar verandert het mee. Het
   label hangt als hoekje rechtsboven in de foto. */
.las-hotellas-event-card__status { position:absolute;top:clamp(.75rem,1.5vw,1.25rem);right:clamp(.75rem,1.5vw,1.25rem);z-index:1;display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.45rem .72rem;border:1px solid transparent;border-radius:999px;background:var(--wp--preset--color--accent-1,#0074a9);color:var(--wp--preset--color--base,#fff);font-size:.8125rem;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 10px -4px rgba(0,23,34,.45); }
.las-hotellas-event-card__status svg { width:.9rem;height:.9rem;flex:0 0 .9rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.las-hotellas-event-card__status.is-past {
	/* Vaste waarden eerst, zodat de pil ook zonder color-mix klopt. */
	background:#c8cbcd;
	color:#36444d;
	background:color-mix(in srgb, var(--wp--preset--color--accent-3,#626a71) 35%, #fff);
	color:color-mix(in srgb, var(--wp--preset--color--accent-3,#626a71) 55%, var(--wp--preset--color--contrast,#001722));
}
.las-hotellas-event-card__content { grid-column:1;grid-row:1;display:flex;flex:1;flex-direction:column;justify-content:center;padding:clamp(.5rem,2vw,2rem) clamp(2rem,5vw,5.5rem) clamp(.5rem,2vw,2rem) 0;text-align:var(--las-hotellas-events-text-align,left); }
.las-hotellas-event-card__meta { display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin:0 0 1.5rem;font-family:inherit;line-height:1.4;color:var(--wp--preset--color--accent-3,#626a71); }
.las-hotellas-event-card__meta-item { display:inline-flex;align-items:center;gap:.35rem;min-width:0; }
.las-hotellas-event-card__meta-item svg { width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
/* De lettergrootte komt van de klasse die het blok meegeeft, zodat de instelling
   Lettergrootte van de titel in Gutenberg werkt. */
.las-hotellas-event-card__title { margin:0 0 1rem;color:inherit;line-height:1.2; }
.las-hotellas-event-card__description { max-width:32rem;margin:0;line-height:1.55; }
.las-hotellas-event-card__description p,.las-hotellas-events__empty { margin:0; }
.las-hotellas-events--next-event .las-hotellas-events__grid { gap:0; }
/* De hoogte volgt de inhoud in plaats van een vaste maat. Daardoor is de ruimte
   rond de tekst altijd gelijk aan de ingestelde binnenmarge, hoe lang de
   omschrijving ook is. De ondergrens voorkomt een platte strook bij een heel
   kort event. */
.las-hotellas-events--next-event .las-hotellas-event-card { min-height:20rem;overflow:hidden;background:var(--las-hotellas-event-card-background,#D2E1ED);border-radius:var(--las-hotellas-events-card-radius,6px); }
.las-hotellas-events--next-event .las-hotellas-event-card__image { align-self:stretch;min-height:0;height:100%;aspect-ratio:auto;border-radius:0;transform:none!important;will-change:auto; }
/* De foto los uit de hoogteberekening halen: anders bepaalt haar verhouding de
   hoogte van de kaart en zweeft de tekst weer met wisselende ruimte. Nu vult ze
   de hoogte die de tekst bepaalt, bijgesneden via object-fit. */
.las-hotellas-events--next-event .las-hotellas-event-card__image img { position:absolute;inset:0; }
.las-hotellas-events--next-event .las-hotellas-event-card__content { background:var(--las-hotellas-event-card-background,#D2E1ED);padding:var(--las-hotellas-events-card-padding,var(--wp--preset--spacing--30,20px));padding-block:var(--las-hotellas-events-card-padding-y,var(--las-hotellas-events-card-padding,var(--wp--preset--spacing--30,20px))); }
.las-hotellas-events__archive { margin-top:clamp(3rem,6vw,5rem); }
.las-hotellas-events__archive[open] { display:flex;flex-direction:column; }
.las-hotellas-events__archive-summary { display:block;width:fit-content;cursor:pointer;list-style:none; }
.las-hotellas-events__archive-summary::-webkit-details-marker { display:none; }
.las-hotellas-events__archive-summary .wp-block-button__link { display:inline-flex;align-items:center;gap:.5rem;text-decoration:none; }
.las-hotellas-events__archive-less { display:none; }
.las-hotellas-events__archive[open] .las-hotellas-events__archive-more { display:none; }
.las-hotellas-events__archive[open] .las-hotellas-events__archive-less { display:inline; }
.las-hotellas-events__archive-summary .las-hotellas-pagination__chevron { display:inline-flex;width:1rem;height:1rem;flex:0 0 1rem;transition:transform .15s ease; }
.las-hotellas-events__archive-summary .las-hotellas-pagination__chevron svg { width:100%;height:100%;fill:currentColor; }
.las-hotellas-events__archive[open] .las-hotellas-pagination__chevron { transform:rotate(180deg); }
.las-hotellas-events__archive[open] .las-hotellas-events__archive-content { order:1;margin-top:0; }
.las-hotellas-events__archive[open] .las-hotellas-events__archive-summary { order:2;align-self:center;margin-top:clamp(3rem,6vw,5rem); }
.las-hotellas-events__archive:not([open]) .las-hotellas-events__archive-summary { margin-inline:auto; }
.las-hotellas-events__archive-content { margin-top:var(--las-hotellas-events-card-gap,var(--wp--preset--spacing--30,20px)); }
.las-hotellas-events-editor-placeholder { padding:1rem 1.25rem;border:1px dashed currentColor;opacity:.7; }
.las-hotellas-events-editor-placeholder .dashicons { margin-right:.5rem; }
.las-hotellas-events-editor-preview { width:100%; }
.editor-styles-wrapper .las-hotellas-events-editor-preview .las-hotellas-events { width:100%;max-width:100%;margin-left:0 !important;margin-right:0 !important; }
@media (max-width:700px) {
	.las-hotellas-events__grid { gap:4rem; }
	.las-hotellas-event-card { grid-template-columns:1fr;min-height:0; }
	.las-hotellas-event-card__image { grid-column:1;grid-row:1;width:100%;height:auto;min-height:0;aspect-ratio:4/3;transform:none;transition:none; }
	.las-hotellas-event-card__content { grid-column:1;grid-row:2;padding:2rem 0 0; }
	.las-hotellas-events--next-event .las-hotellas-event-card { min-height:0; }
	.las-hotellas-events--next-event .las-hotellas-event-card__image { min-height:0;aspect-ratio:4/3; }
	.las-hotellas-events--next-event .las-hotellas-event-card__content { padding:var(--las-hotellas-events-card-padding,var(--wp--preset--spacing--30,20px));padding-block:var(--las-hotellas-events-card-padding-y,var(--las-hotellas-events-card-padding,var(--wp--preset--spacing--30,20px))); }

}
@media (prefers-reduced-motion:reduce) {
	.las-hotellas-event-card__image { transform:none;transition:none; }
	.las-hotellas-event-card__image--lift { transition:none; }
}

/* Mobiel: de uitgelichte bijeenkomst krijgt dezelfde binnenruimte als de andere
   kaarten over de volle breedte (centraal in base.css van het thema:
   --lh-kaart-binnen-mobiel-breed). */
@media (max-width:700px) {
	.las-hotellas-events--next-event .las-hotellas-event-card__content { padding:var(--lh-kaart-binnen-mobiel-breed,20px); }
}

/* Tablet (701-1023px): twee kolommen blijven, maar zonder de vaste minimumhoogte
   van desktop (28rem): die gaf bij een smalle tekstkolom grote witte vlakken
   tussen de bijeenkomsten. De foto staat bovenaan naast de titel in plaats van
   halverwege de tekst te zweven, en de tekstkolom krijgt iets meer breedte. */
@media (min-width:701px) and (max-width:1023px) {
	.las-hotellas-event-card { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:0;align-items:start; }
	.las-hotellas-event-card__image { align-self:start; }
	.las-hotellas-event-card__content { justify-content:flex-start;padding:0 clamp(1.5rem,4vw,2.5rem) 0 0; }
	.las-hotellas-events__grid { gap:clamp(3.5rem,8vw,5rem); }
	.las-hotellas-events--next-event .las-hotellas-event-card { min-height:0;align-items:stretch; }
	.las-hotellas-events--next-event .las-hotellas-event-card__image { align-self:stretch; }
}