/* Mobile Safe Area CSS */
.mb-safe-area-inset-bottom {
    margin-bottom: max(1rem, env(safe-area-inset-bottom));
}

.pb-safe-area-inset-bottom {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.pt-safe-area-inset-top {
    padding-top: max(1rem, env(safe-area-inset-top));
}

.mt-safe-area-inset-top {
    margin-top: max(1rem, env(safe-area-inset-top));
}

/* Support for dvh (dynamic viewport height) */
@supports (height: 100dvh) {
    .min-h-screen {
        min-height: 100dvh;
    }
}