/* Elementor page styles may change this variable globally. Keep the image-lightbox
 * close affordance compact on phones while retaining a comfortable touch target. */
@media (max-width: 767px) {
  .elementor-lightbox:not(.elementor-popup-modal) {
    --lightbox-header-icons-size: 28px;
  }

  .elementor-lightbox:not(.elementor-popup-modal) .dialog-lightbox-close-button {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    margin-top: 8px;
    padding: 10px;
    right: 8px;
    top: 8px;
    width: 48px;
  }

  .elementor-lightbox:not(.elementor-popup-modal) .dialog-lightbox-close-button svg {
    height: 28px;
    width: 28px;
  }
}