/* Varattu kuvasuhde estää sisällön siirtymisen soittimen avautuessa. */
.ih-youtube-facade { position: relative; width: 100%; max-width: 100%; background: #000; overflow: hidden; }
.ih-youtube-facade > img, .ih-youtube-facade > iframe[src] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; border: 0; border-radius: 0; object-fit: cover; }
.ih-youtube-facade > .ih-youtube-facade__play { position: absolute; inset: 0; display: grid; place-items: center; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; color: #fff; cursor: pointer; }
.ih-youtube-facade__play > span { display: grid; place-items: center; width: 72px; height: 50px; border-radius: 12px; background: #c00; font-size: 28px; line-height: 1; }
.ih-youtube-facade__play:hover > span { background: #a00; }
.ih-youtube-facade__play:focus-visible { outline: 4px solid #fff; outline-offset: -6px; }
.ih-youtube-facade noscript a { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; padding: 16px; color: #fff; background: #000b; }
/* WordPressin responsiivinen embed-lohko varaa jo kuvasuhteen paddingilla. */
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper > .ih-youtube-facade { position: absolute; inset: 0; height: 100%; }