/* ════════════════════════════════════════════════════════════════════════════
   Videofenster fuer den Video-Button (T35) – mu-plugins/hac-video.php
   Ein <dialog> mit dem Video hinter Borlabs. Geschlossen ist es unsichtbar.
   ════════════════════════════════════════════════════════════════════════════ */

.hac-video-dialog {
	width: min(960px, 92vw);
	max-width: none;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: #1a1a1a;
	overflow: visible;
	color: #ffffff;
}

.hac-video-dialog::backdrop {
	background: rgba(26, 26, 26, .85);
}

.hac-video-dialog__rahmen {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	overflow: hidden;
	background: #1a1a1a;
}

.hac-video-dialog__rahmen iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Der Borlabs-Hinweis soll das ganze Fenster fuellen und mittig stehen. */
.hac-video-dialog__rahmen > .brlbs-cmpnt-container,
.hac-video-dialog__rahmen > div {
	width: 100%;
	height: 100%;
}

/* Schliessen: gross genug zum Tippen (44 px), Markengruen mit dunkler Schrift. */
.hac-video-dialog .hac-video-dialog__zu {
	position: absolute;
	top: -52px;
	right: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #bac6ae;
	color: #333333;
	font: 700 28px/44px "Trebuchet MS", sans-serif;
	text-align: center;
	cursor: pointer;
}

.hac-video-dialog .hac-video-dialog__zu:hover {
	background: #ffffff;
}

.hac-video-dialog .hac-video-dialog__zu:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 2px;
}

@media (max-width: 600px) {
	.hac-video-dialog .hac-video-dialog__zu { top: -50px; }
}

/* Auf schmalen Bildschirmen passt der Borlabs-Hinweis mit seinen zwei Knoepfen
   nicht ins 16:9-Format – ohne diese Regel waeren die Knoepfe abgeschnitten
   (gemessen auf Live, 375 px: Rahmen 194 px, Hinweis 331 px). Dann darf der
   Rahmen mitwachsen. Am Rechner bleibt es bei 16:9. Die Klasse setzt
   hac-video.php, sobald der Borlabs-Platzhalter im Rahmen steht. */
@media (max-width: 760px) {
	.hac-video-dialog .hac-video-dialog__rahmen--borlabs {
		aspect-ratio: auto;
		overflow: visible;
		min-height: calc(92vw * 9 / 16);
	}

	.hac-video-dialog .hac-video-dialog__rahmen--borlabs > .brlbs-cmpnt-container {
		height: auto;
		min-height: calc(92vw * 9 / 16);
	}
}