/**
 * Loaded after Calendly widget.css so these win without !important where possible.
 * Widens initPopupWidget on desktop so the booking UI uses more horizontal space.
 */

@media (min-width: 1024px) {
  .calendly-overlay .calendly-popup {
    max-width: min(1080px, 92vw) !important;
    width: min(1080px, 92vw) !important;
  }

  .calendly-overlay .calendly-popup .calendly-popup-content {
    width: 100% !important;
    max-width: none !important;
  }

  .calendly-overlay .calendly-popup iframe {
    width: 100% !important;
    min-width: 100% !important;
  }
}

@media (min-width: 1280px) {
  .calendly-overlay .calendly-popup {
    max-width: min(1200px, 90vw) !important;
    width: min(1200px, 90vw) !important;
  }
}