/* Stops the page scrolling behind the #popupInsurance video popup on the
   car-accident templates. Paired with js/car-accident-popup-scroll-lock.js,
   which puts .ca-popup-open on <html> while the popup is on screen.

   overflow on <html> is the part that matters: the popup holds a cross-origin
   YouTube iframe, whose touch events never reach this document, so a drag over
   the video is handed straight up the scroll chain. An unscrollable root is
   what leaves that chain nothing to move. The templates' own inline script
   only sets overflow on <body>, which iOS ignores.

   Nothing is pinned with position:fixed on purpose — that takes <body> out of
   flow and, with viewport-fit=cover and no background on html or body, the
   unpainted canvas shows as a white strip behind Safari's bottom bar. */
html.ca-popup-open,
html.ca-popup-open body {
    overflow: hidden !important;
}

/* A drag on the dimmed area is not a page scroll, so iOS does not animate its
   toolbar. Left off .popup-insurance so nothing interferes with the player. */
html.ca-popup-open .popup-overlay-insurance {
    touch-action: none;
    overscroll-behavior: contain;
}