/* Hotfix without Vite rebuild — keep in sync with resources/css/blog-feedback-modal.css */
.swal2-container.blog-feedback-modal-container {
    z-index: 10080 !important;
}

html[data-site-variant="mobile"] .swal2-container.blog-feedback-modal-container {
    padding: 0.5rem 0.5rem calc(0.5rem + env(safe-area-inset-bottom, 0px)) !important;
    align-items: center !important;
}

html[data-site-variant="mobile"] .swal2-popup.blog-feedback-modal-popup {
    width: min(100%, calc(100vw - 1rem)) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: min(90dvh, calc(100dvh - 4.75rem)) !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

html[data-site-variant="mobile"] .swal2-popup.blog-feedback-modal-popup .swal2-title.blog-feedback-modal-title {
    margin: 0 !important;
    padding: 14px 48px 0 20px !important;
    flex-shrink: 0;
}

html[data-site-variant="mobile"] .swal2-popup.blog-feedback-modal-popup .swal2-close.blog-feedback-modal-close {
    position: absolute !important;
    top: 0.35rem !important;
    right: 0.35rem !important;
    left: auto !important;
    z-index: 5 !important;
    color: #581a7a !important;
}

html[data-site-variant="mobile"] .swal2-popup.blog-feedback-modal-popup .swal2-html-container.blog-feedback-modal-html {
    margin: 0 !important;
    padding: 8px 20px 12px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto;
    min-height: 0;
}

html[data-site-variant="mobile"] .swal2-popup.blog-feedback-modal-popup [data-blog-feedback-modal-root] form {
    display: flex;
    flex-direction: column;
    gap: 0;
}

html[data-site-variant="mobile"] .swal2-popup.blog-feedback-modal-popup [data-blog-feedback-modal-root] form > button[type="submit"] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin-top: 0.75rem;
    box-shadow: 0 -10px 16px #f5f5f5;
}

@media (max-width: 640px) {
    html[data-site-variant="desktop"] .swal2-container.blog-feedback-modal-container {
        z-index: 10080 !important;
        padding: 0.5rem !important;
        align-items: flex-end !important;
    }

    html[data-site-variant="desktop"] .swal2-popup.blog-feedback-modal-popup {
        max-height: min(90dvh, calc(100dvh - 4.75rem)) !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    html[data-site-variant="desktop"] .swal2-popup.blog-feedback-modal-popup .swal2-html-container.blog-feedback-modal-html {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        flex: 1 1 auto;
        min-height: 0;
    }

    html[data-site-variant="desktop"] .swal2-popup.blog-feedback-modal-popup [data-blog-feedback-modal-root] form > button[type="submit"] {
        position: sticky;
        bottom: 0;
        z-index: 2;
        margin-top: 0.75rem;
        box-shadow: 0 -10px 16px #fff;
    }
}

/* Keep Contact me above the fixed mobile bottom bar */
body.m-has-bottom-bar [data-blog-feedback-note] {
    margin-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
}