/* iPhone: Header und äußerer Seitenhintergrund färben die Notch-Zone ein. */
html.et-site-document,
body.et-site-shell {
    background: var(--et-navy);
}

.et-site-surface {
    min-height: 100vh;
    min-height: 100svh;
    background: #fff;
}

.et-site-shell .et-header {
    padding-top: env(safe-area-inset-top, 0px);
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
}

@media (max-width: 767px) {
    :root { --et-mobile-dock-height: calc(70px + env(safe-area-inset-bottom, 0px)); }
    /* Die Fußnavigation schließt bündig an alle drei Bildschirmränder an. */
    .et-mobile-dock {
        left: 0;
        right: 0;
        bottom: 0;
        height: var(--et-mobile-dock-height);
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 8px max(10px, env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px));
    }
    body.et-site-shell { padding-bottom: 0; }
    .et-site-surface { padding-bottom: var(--et-mobile-dock-height); }
}