/*
 * Override Guestwisely's mobile-first "modal overlay" behavior for the property floater.
 *
 * Guestwisely sets #_villas-365-property-floater to position:fixed / height:100vh / z-index:99990
 * as a full-screen modal on mobile, then overrides to position:relative at min-width:992px.
 *
 * This theme renders the floater inline inside .property-contbook__bookoverride, so on
 * tablet/mobile it should be static in normal document flow below the content text.
 */
@media (max-width: 991.98px) {
  #_villas-365-property-floater,
  #_villas-365-property-floater.float {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background-color: transparent !important;
    pointer-events: all !important;
    z-index: 1 !important;
    transform: none !important;
  }

  #_villas-365-property-floater-tab-button,
  #_villas-365-property-floater-close-button {
    display: none !important;
  }

  .property-contbook__bookoverride {
    height: auto !important;
    min-height: 0 !important;
  }
}
