/* Homepage A media carousel: the Nurgakivi card plays a self-hosted video in a Bootstrap
   modal (partials/carousel.php, item keys 'video' and 'poster'). The play badge tells the
   visitor the card is a video, not an outside link. */
.airi-home-a .airi-video-card .et_pb_main_blurb_image { position: relative; }
.airi-home-a .airi-video-card .et_pb_main_blurb_image::after {
  content: ""; position: absolute; top: 50%; left: 50%; width: 58px; height: 58px; margin: -29px 0 0 -29px;
  border-radius: 50%; pointer-events: none; box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
  background: rgba(31, 122, 232, .94) no-repeat 56% 50% / 22px 22px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 4.8v14.4a1 1 0 0 0 1.5.86l11.6-7.2a1 1 0 0 0 0-1.72L9.5 3.94A1 1 0 0 0 8 4.8z'/%3E%3C/svg%3E");
  transition: transform .15s ease;
}
.airi-home-a .airi-video-card a:hover .et_pb_main_blurb_image::after,
.airi-home-a .airi-video-card a:focus-visible .et_pb_main_blurb_image::after { transform: scale(1.07); }

/* Homepage A lifts the backdrop above the fixed header (z-index 1055), so dialogs must sit higher,
   like .home-a-quote (1060); at Bootstrap's default 1050 the backdrop covered the player. */
.airi-home-a .airi-video-modal { z-index: 1060; }
.airi-home-a .airi-video-modal .modal-dialog { max-width: min(960px, calc(100vw - 24px)); }
.airi-home-a .airi-video-modal .modal-content { position: relative; overflow: hidden; border: 0; border-radius: 14px; background: #000; }
.airi-home-a .airi-video-modal video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #000; }
.airi-home-a .airi-video-modal .close {
  position: absolute; top: 8px; right: 8px; z-index: 2; width: 40px; height: 40px; padding: 0; margin: 0;
  border-radius: 50%; background: rgba(0, 0, 0, .55); color: #fff; opacity: 1; text-shadow: none; font-size: 26px; line-height: 40px;
}
.airi-home-a .airi-video-modal .close:hover,
.airi-home-a .airi-video-modal .close:focus-visible { background: rgba(0, 0, 0, .8); color: #fff; opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .airi-home-a .airi-video-card .et_pb_main_blurb_image::after { transition: none; }
}
