/* Snoeten – zachte kleurverschuiving van de blauwe middelste popupplaat.
 * Alleen de buitenste scroll-/werkplaat: kop, footer, binnenplaten en
 * profielthema's blijven verder zoals ze waren. */
html body .snoeten-popup-shell > .snoeten-popup-shell__content,
html body #guestbookForm.snoeten-popup-shell--guestbook > .guestbook-popup-content.snoeten-popup-shell__content,
html body #form-posts #dashboardComposer.snoeten-popup-shell > .dashboard-post-compose-content.snoeten-popup-shell__content,
html body #bioEdit.snoeten-popup-shell--profile-bio > .profile-bio-popup-content.snoeten-popup-shell__content,
html body #layoutEdit.snoeten-popup-shell--profile-layout > .profile-layout-editor-content.snoeten-popup-shell__content,
html body #detailsModal.snoeten-popup-shell > .profile-details-popup-content.snoeten-popup-shell__content,
html body [data-site-layout-window].snoeten-popup-shell > .site-layout-dialog-content.snoeten-popup-shell__content {
    background-color: #BCDDF5 !important;
    background-image: linear-gradient(140deg, #BCDDF5 0%, #C6E2F8 55%, #D2E9FA 100%) !important;
}

/* Gastenboek: hetzelfde royale schrijfvlak als 'Bericht plaatsen' op Prikbord.
 * Desktop: het witte tekstveld benut de beschikbare popuphoogte.
 * Op mobiel blijft het popupvenster scrollbaar en het veld bruikbaar. */
@media (min-width: 761px) {
    html body #guestbookForm.snoeten-popup-shell--guestbook
    > .guestbook-popup-content.snoeten-popup-shell__content {
        display: grid !important;
        grid-template-rows: minmax(0, 1fr) !important;
        align-items: stretch !important;
    }
    html body #guestbookForm.snoeten-popup-shell--guestbook
    > .guestbook-popup-content > #guestbookEditorContent.snoeten-popup-shell__body {
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        align-content: stretch !important;
        align-self: stretch !important;
        min-height: 440px !important;
        height: 100% !important;
    }
    html body #guestbookForm.snoeten-popup-shell--guestbook
    #guestbookEditorContent > #guestbookFormField {
        box-sizing: border-box !important;
        align-self: stretch !important;
        min-height: 0 !important;
        height: 100% !important;
        overflow-y: auto !important;
    }
}
@media (max-width: 760px) {
    html body #guestbookForm.snoeten-popup-shell--guestbook
    #guestbookEditorContent > #guestbookFormField {
        min-height: min(440px, max(260px, calc(100dvh - 250px))) !important;
        overflow-y: auto !important;
    }
}

/* 2026-10-23: gastenboekschrijfveld — ruimte tussen vaste kop en footer.
 * Deze regels en de JS-gridverdeling werken samen: de oude minmax(400px,auto)
 * liet de witte editor onderaan buiten het venster groeien. */
@media (min-width: 761px) {
    html body #guestbookForm.snoeten-popup-shell--guestbook.is-open:not(.is-minimized):not(.is-maximized) {
        /* Een oude profieleditorregel maakte de popup alsnog height:auto. */
        height: min(790px, calc(100dvh - 40px)) !important;
        max-height: calc(100dvh - 40px) !important;
        grid-template-rows: var(--snoeten-popup-header-height, 52px) minmax(0, 1fr) var(--snoeten-popup-footer-height, 72px) !important;
    }
    html body #guestbookForm.snoeten-popup-shell--guestbook.is-open:not(.is-minimized):not(.is-maximized)
    > .guestbook-popup-content.snoeten-popup-shell__content {
        min-height: 0 !important;
        height: 100% !important;
        overflow-y: auto !important;
    }
    html body #guestbookForm.snoeten-popup-shell--guestbook
    > .guestbook-popup-content > #guestbookEditorContent.snoeten-popup-shell__body {
        min-height: 0 !important;
        height: 100% !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        align-content: stretch !important;
    }
    html body #guestbookForm.snoeten-popup-shell--guestbook
    #guestbookEditorContent > #guestbookFormField {
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }
}
@media (max-width: 760px) {
    html body #guestbookForm.snoeten-popup-shell--guestbook
    > .guestbook-popup-content.snoeten-popup-shell__content {
        overflow-y: auto !important;
        min-height: 0 !important;
    }
    html body #guestbookForm.snoeten-popup-shell--guestbook
    #guestbookEditorContent > #guestbookFormField {
        height: auto !important;
        min-height: clamp(220px, 38dvh, 380px) !important;
        max-height: none !important;
        overflow-y: auto !important;
    }
}