/* Zoeker op de site. Kleuren, letters, velden en knoppen komen van YOOtheme (UIkit-classes in de HTML).
   Hier staat alleen wat UIkit niet regelt. */
.lbs-results { scroll-margin-top: 100px; }
.lbs-labels, .lbs-alts { display: flex; flex-wrap: wrap; gap: 6px; }
/* Kolommen naar de beschikbare ruimte, niet naar de schermbreedte: de zoeker kan in een smalle kolom staan.
   300px geeft drie kaarten naast elkaar op een brede pagina, net als "Onze accommodaties". */
.lbs-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 30px; }
.lbs-ph { aspect-ratio: 3 / 2; overflow: hidden; }
.lbs-ph img, .lbs-noimg { width: 100%; height: 100%; object-fit: cover; display: block; }
.lbs-foot { gap: 12px; }
/* Kampeerplaats: foto links en tekst rechts als er ruimte is, anders de foto erboven. */
.lbs-camp { display: flex; flex-wrap: wrap; }
.lbs-camp-ph { flex: 1 1 240px; min-height: 180px; }
.lbs-camp-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lbs-camp > .uk-card-body { flex: 999 1 300px; }

/* Witte kaart in een donkere sectie (YOOtheme zet daar .uk-light): UIkit maakt dan ook de tekst en velden in de kaart wit.
   Hier de gewone kleuren terug. De standaardwaarden zijn die van valleedelignac.com; een ander thema overschrijft de variabelen. */
.lbs {
	--lbs-text: #29304c;
	--lbs-label: #191e2f;
	--lbs-meta: #90929d;
	--lbs-border: #8b90a2;
	--lbs-badge: #fe5f0a;
}
.uk-light .lbs .uk-card-default { color: var(--lbs-text); }
.uk-light .lbs .uk-card-default :is(h3, .uk-h4, .uk-link-text, .uk-link-text:hover) { color: inherit; }
.uk-light .lbs .uk-card-default .uk-form-label { color: var(--lbs-label); }
.uk-light .lbs .uk-card-default .uk-text-meta { color: var(--lbs-meta); }
.uk-light .lbs .uk-card-default .uk-label { background-color: var(--lbs-badge); color: #fff; }
/* YOOtheme zet de randkleur in een donkere sectie met !important, dus hier ook. */
.uk-light .lbs .uk-card-default .uk-select:not([multiple]),
.uk-light .lbs .uk-card-default .uk-select:not([multiple]):focus {
	color: var(--lbs-text);
	background-color: #fff;
	border-color: var(--lbs-border) !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22%2329304C%22%20points%3D%2212%201%209%206%2015%206%22%2F%3E%3Cpolygon%20fill%3D%22%2329304C%22%20points%3D%2212%2013%209%208%2015%208%22%2F%3E%3C%2Fsvg%3E");
}
.uk-light .lbs .uk-card-default .uk-select:not([multiple]):focus { color: var(--lbs-label); border-color: #fff !important; box-shadow: 2px 6px 15px rgba(41, 44, 61, 0.1); }
.uk-light .lbs .uk-card-default .uk-select option { color: var(--lbs-text); }