/*
 * Figma reference
 * - Overlay/invite_B: https://www.figma.com/design/g3GEVhEscIv6o7TYuJhyJh/DRT?node-id=474-1043&m=dev
 * - Mobile Overlay/Invite_B: https://www.figma.com/design/g3GEVhEscIv6o7TYuJhyJh/DRT?node-id=474-1088&m=dev
 * - Detail action routes to the standalone news-detail.html page.
 * - Controls map to transparent hit areas over the rendered popup frame.
 */
.invite-popup {
  position: fixed;
  inset: 0;
  z-index: 20000;
  background: rgba(0, 0, 0, 0.72);
}

.invite-popup[hidden] {
  display: none;
}

.invite-popup {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.invite-popup-card {
  position: relative;
  width: min(488px, calc(100vw - 32px), calc((100vh - 32px) * 0.723));
}

.invite-popup-card img {
  display: block;
  width: 100%;
  height: auto;
}

.invite-hit {
  position: absolute;
  z-index: 1;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.invite-close {
  top: 2.2%;
  right: 3.4%;
  width: 11%;
  height: 9%;
}

.invite-detail-open,
.invite-map {
  left: 63.5%;
  width: 30%;
  height: 9.3%;
}

.invite-detail-open {
  top: 56.2%;
}

.invite-map {
  top: 66.4%;
}

.invite-hide-today {
  left: 8.5%;
  bottom: 4.5%;
  width: 34%;
  height: 6.5%;
}

.invite-hit:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}

@media (max-width: 600px) {
  .invite-popup {
    padding: 8px;
  }

  .invite-popup-card {
    width: min(366px, calc(100vw - 16px), calc((100vh - 16px) * 0.723));
  }

}

body.news-detail-modal-open {
  overflow: hidden;
}

.news-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 20001;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
}

.news-detail-modal[hidden] {
  display: none;
}

.news-detail-modal-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}