/*
 * Frame van de WordPress-plugin (eigenaar 2026-09-24). De pagina komt uit de WordPress-beheerder;
 * hier gaat alleen weg wat in een stilstaand frame niet klopt: scrollen, de cursor van een link
 * die nergens heen gaat, en op een telefoon de ruimte die WordPress voor zijn menu reserveert.
 */

html,
body {
    overflow: hidden !important;
    height: 100%;
    background: #fff;
}

/* Links in het frame gaan nergens heen, maar moeten wel als link aanvoelen. */
a[data-mock-link] {
    cursor: pointer;
}

/* WordPress schuift de inhoud opzij voor zijn eigen menu; dat menu staat hier niet. */
#wpcontent,
#wpbody,
#wpbody-content {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

@media (max-width: 782px) {
    /* De beheerder van WordPress rekt op een smal scherm alles op; in het frame past dat niet. */
    #wpbody-content {
        padding: 0 12px !important;
    }

    .ehbo-admin-header,
    .ehbo-admin-tabs {
        flex-wrap: wrap;
    }
}

/*
 * Boven de header van de plugin stond in het frame nog de ruimte die de WordPress-beheerder
 * normaal voor zijn eigen kop gebruikt (eigenaar 2026-09-28). Die halen we weg, zodat de titel
 * "Instellingen" aansluit op de header en er onderaan meer van de pagina in beeld past.
 */
#wpcontent,
#wpbody,
#wpbody-content,
#wpbody-content > .wrap,
.ehbo-admin,
.ehbo-admin-wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.ehbo-main {
    padding-top: 10px !important;
}

.ehbo-page-header {
    padding-top: 6px !important;
}

/* De header van de plugin plakt normaal onder de beheerbalk van WordPress (32px). Die balk staat
   niet in het frame, dus mag hij bovenaan beginnen. */
.ehbo-topbar {
    position: static !important;
    top: 0 !important;
}