/* Explain: App-specific layout utilities, styles the sub-page header background. */
/* Stijl voor alle subpagina headers: groene balk met moskee foto erdoorheen */
body:not(.is-home) main > section:first-child.bg-\[var\(--primary-color\)\] {
    position: relative;
    background-image: 
        linear-gradient(90deg, rgba(3, 74, 54, 0.95) 0%, rgba(3, 74, 54, 0.70) 100%), 
        url('https://files.cdn-files-a.com/uploads/12391694/normal_6aabb5a0544a8.png?format=avif') !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Eén moskee-foto op de groene balk van subpagina's (verberg extra overlay-foto's) */
body:not(.is-home) main > section:first-child.bg-\[var\(--primary-color\)\] > .absolute.bg-cover {
    display: none !important;
}