/**
Theme Name: Màrmelade
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Child theme for Astra
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marmelade
Template: astra
*/

/* Witruimte boven elke pagina (38,5 px op desktop, 35 px op tablet en gsm). Tot 02/11/2026 kwam die van een lege alinea in Astra-hook 6113; sinds die dag staat ze hier, zodat de hook enkel het statistiekscript draagt. */
body { margin-top: 1.75em; }

/* Shop (/winkel/): het boek in het blok Dichtbundel (Astra-hook 5206) vóór het rode vlak, zoals op de andere pagina's. Spectra zet die z-index alleen op pagina's met een eigen bericht; op het winkeloverzicht ontbreekt hij, en dan valt het boek achter het vlak. Nele koos 02/11/2026: boek vooraan. */
.wp-block-uagb-container.uagb-block-836e3e43 { z-index: 3; }

/* Sponsorpagina (/met-dank-aan/, sinds 03/11/2026 zonder Kadence): de uitklapbalken per sponsorgroep zijn gewone WordPress Details-blokken, in de stijl van de vroegere Kadence-accordeon (Lato vet 20 px, grijs, rood als open of aangewezen, plus- en minteken links, lijn eronder, 20 px rand rond de inhoud). Geldt voor elk blok met de klasse sponsor-accordeon, dus ook voor latere pagina's die zo gebouwd worden. Stond tijdens de proef als Custom CSS op de pagina zelf. */
.sponsor-accordeon { width: 100%; max-width: 1000px; }
.sponsor-accordeon .wp-block-details { width: 100%; margin: 0; padding: 0 20px; box-sizing: border-box; }
.sponsor-accordeon .wp-block-details[open] { padding-bottom: 20px; }
.sponsor-accordeon .wp-block-details > summary { display: flex; align-items: center; list-style: none; cursor: pointer; margin: 0 -20px; padding: 10px 14px; font-family: Lato, sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: 1px; color: #555555; background: var(--ast-global-color-5); border-bottom: 1px solid var(--ast-global-color-7); transition: color .2s ease-in-out; }
.sponsor-accordeon .wp-block-details > summary::-webkit-details-marker { display: none; }
/* Het plusteken (twee balkjes) en, als het paneel open is, het minteken (één balkje), getekend in de tekstkleur. */
.sponsor-accordeon .wp-block-details > summary::before { content: ""; flex: none; width: 24px; height: 24px; margin-right: 10px; background: linear-gradient(currentColor, currentColor) 2px 10px / 20px 4px no-repeat, linear-gradient(currentColor, currentColor) 10px 2px / 4px 20px no-repeat; }
.sponsor-accordeon .wp-block-details[open] > summary::before { background: linear-gradient(currentColor, currentColor) 2px 10px / 20px 4px no-repeat; }
.sponsor-accordeon .wp-block-details[open] > summary, .sponsor-accordeon .wp-block-details > summary:hover { color: var(--ast-global-color-0); }
.sponsor-accordeon .wp-block-details[open] > summary { margin-bottom: 20px; }
/* WordPress zet in een Details-blok 24 px boven elk onderdeel (de blokafstand van het thema); de oude accordeon deed dat niet. */
.sponsor-accordeon .wp-block-details > :not(summary) { margin-block-start: 0; }
/* WordPress haalt ook de ruimte onder het laatste onderdeel weg; een alinea houdt die in de oude accordeon (1.6em, de maat van het thema). */
.sponsor-accordeon .wp-block-details > p:last-child { margin-block-end: 1.6em; }

/* Homepage, Ooghoek-slider (sinds 03/11/2026 een Spectra Image Gallery in carrouselweergave, blok c7a0b1e2, in de plaats van de Kadence-slider): elk beeld in 16:9 zoals vroeger, en de pijlen zoals de oude slider ze toonde: een zwart vlak van 44 bij 66 px (80 procent dekkend) met een witte pijl, tegen de linker- en rechterrand, in het midden van de hoogte. Geen puntjes. */
.uagb-block-c7a0b1e2 .spectra-image-gallery__media--carousel { aspect-ratio: 16 / 9; overflow: hidden; }
.uagb-block-c7a0b1e2 .spectra-image-gallery__media-thumbnail--carousel { display: block; width: 100%; height: 100%; object-fit: cover; }
.uagb-block-c7a0b1e2 .spectra-image-gallery__control-arrows--carousel { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 66px; margin: 0; padding: 0; justify-content: center; background: rgba(0, 0, 0, 0.8); border: 0; border-radius: 0; z-index: 5; }
.uagb-block-c7a0b1e2 .spectra-image-gallery__control-arrows--carousel:hover, .uagb-block-c7a0b1e2 .spectra-image-gallery__control-arrows--carousel:focus { background: rgba(0, 0, 0, 0.8); transform: translateY(-50%); }
.uagb-block-c7a0b1e2 .spectra-image-gallery__control-arrows--carousel.slick-prev { left: 0; }
.uagb-block-c7a0b1e2 .spectra-image-gallery__control-arrows--carousel.slick-next { right: 0; }
.uagb-block-c7a0b1e2 .spectra-image-gallery__control-arrows--carousel svg { width: 40px; height: 40px; fill: #ffffff; }

/* Contactpagina, formulier (sinds 03/11/2026 een Spectra Form, blok f1c3e7a5, in de plaats van het Kadence-formulier): het berichtveld als blok, anders houdt de browser er 8 px onder vrij (de ruimte voor de staart van een letter) en schuift de knop zover naar onder. */
.uagb-block-f1c3e7a5 .uagb-forms-textarea-input { display: block; }
/* Het Kadence-formulier hield 30 px vrij onder het formulier; de pagina blijft zo even lang. */
.uagb-block-f1c3e7a5.wp-block-uagb-forms { margin-bottom: 30px; }

/* Percorpus, fotogalerij (sinds 03/11/2026 een Spectra Image Gallery in metselwerk, blok e4f2a9c1, in de plaats van de Kadence-galerij): elke foto in het kader dat Kadence gebruikte. Kadence rondde de verhouding af op hele procenten en sneed het restje weg: liggende foto's 66 procent hoog, staande 149 procent, de ene smallere staande foto (564 bij 731) 129 procent. Zo blijft de pagina even lang als vroeger. De staande foto's worden op hun plaats in de galerij aangewezen (3, 4, 9, 10, 12, 15, 16, 17, 19, 20, 22, 25, 27, 34; de smalle op 21), want Spectra zet geen kenmerk voor liggend of staand. Wijzigt de volgorde of komen er foto's bij, pas deze plaatsen dan aan. */
.uagb-block-e4f2a9c1 .spectra-image-gallery__media--masonry { aspect-ratio: 100 / 66; overflow: hidden; }
.uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(3) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(4) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(9) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(10) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(12) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(15) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(16) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(17) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(19) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(20) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(22) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(25) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(27) .spectra-image-gallery__media--masonry, .uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(34) .spectra-image-gallery__media--masonry { aspect-ratio: 100 / 149; }
.uagb-block-e4f2a9c1 .spectra-image-gallery__media-wrapper--isotope:nth-child(21) .spectra-image-gallery__media--masonry { aspect-ratio: 100 / 129; }
.uagb-block-e4f2a9c1 .spectra-image-gallery__media--masonry picture { display: block; width: 100%; height: 100%; }
.uagb-block-e4f2a9c1 .spectra-image-gallery__media-thumbnail--masonry { display: block; width: 100%; height: 100%; object-fit: cover; }
/* De galerij rekent haar hoogte in hele pixels en komt op een computer 1 px korter uit dan de oude; die pixel erbij, zodat de pagina even lang blijft. Op tablet en gsm klopt de hoogte zonder. */
@media (min-width: 1024px) { .uagb-block-e4f2a9c1 .spectra-image-gallery__layout--masonry { padding-bottom: 1px; } }