/* ==========================================================================
   WordPress compatibility (front page only)
   Loaded after assets/css/style.css. The homepage design is unchanged; these
   rules only keep full-screen overlays clear of the WordPress admin bar.
   ========================================================================== */

/* Desktop admin bar (32px, fixed) */
.admin-bar .sca-modal {
    top: 32px;
}

.admin-bar .sca-modal .sca-modal__dialog {
    max-height: calc(100vh - 32px - 2rem);
    max-height: calc(100dvh - 32px - 2rem);
}

/* Tablet admin bar (46px, still fixed) */
@media screen and (max-width: 782px) {
    .admin-bar .sca-modal {
        top: 46px;
    }

    .admin-bar .sca-modal .sca-modal__dialog {
        max-height: calc(100vh - 46px - 2rem);
        max-height: calc(100dvh - 46px - 2rem);
    }
}

/* Phones: WordPress makes the admin bar scroll away, so overlays use the full screen */
@media screen and (max-width: 600px) {
    .admin-bar .sca-modal {
        top: 0;
    }

    .admin-bar .sca-modal .sca-modal__dialog {
        max-height: calc(100vh - 2rem);
        max-height: calc(100dvh - 2rem);
    }
}