/* Mobile: remove the black FancyBox slide padding left/right/bottom around iframe
   popups (offer/mail composers, roomplan dialogs). On a phone a tap on that black
   area closes the dialog and loses the typed text — with the padding gone there is
   nothing accidental to hit, and the form gets the full width. The 44px on top stay
   as room for the close button.
   Loaded directly after jquery.fancybox.min.css in every head that loads FancyBox
   (management top_short.php, layouts/app.latte). */
@media (max-width: 767px) {
    .fancybox-slide--iframe {
        padding: 44px 0 0 0 !important;
    }

    .fancybox-slide--iframe .fancybox-content {
        width: 100% !important;
        height: calc(100% - 44px) !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
}