/* =========================================================
   Modal "Video Tour" - EVASTAFF (homepage)
   Full-width/full-height, pe desktop si mobil - continutul (1280x720,
   dimensiune fixa) se auto-scaleaza in interior (vezi index.html din
   video-tour/), asa ca latimea maxima a cadrului conteaza direct pentru
   cat de mare apare animatia.
   ========================================================= */

.e-video-tour-modal{
	position:fixed; inset:0; z-index:10000;
	display:flex; align-items:center; justify-content:center;
	padding:1rem;
}
.e-video-tour-modal[hidden]{ display:none; }
.e-video-tour-backdrop{
	position:absolute; inset:0;
	background:rgba(5,7,10,.94);
}
.e-video-tour-panel{
	position:relative;
	width:100%; height:100%;
	max-width:1600px;
	display:flex; align-items:center; justify-content:center;
}
.e-video-tour-close{
	position:fixed; top:1rem; right:1rem; z-index:3;
	width:42px; height:42px; border-radius:50%;
	background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22);
	color:#fff; font-size:1.6rem; line-height:1; cursor:pointer;
	display:flex; align-items:center; justify-content:center;
	transition:background .15s ease;
}
.e-video-tour-close:hover{ background:rgba(255,255,255,.24); }
.e-video-tour-frame-wrap{
	position:relative;
	width:100%; height:100%;
	max-height:calc(100vw * 9 / 16); /* pastreaza 16:9 fara sa depaseasca latimea disponibila */
	aspect-ratio:16/9;
	border-radius:12px;
	overflow:hidden;
	background:#000;
	box-shadow:0 30px 80px rgba(0,0,0,.5);
	margin:auto;
}
.e-video-tour-iframe{
	position:absolute; inset:0;
	width:100%; height:100%;
	border:0;
}

/* Pe mobil (portret, frecvent mai inalt decat lat) - latimea e limitatorul
   natural, aspect-ratio:16/9 se ocupa singur de inaltime corecta. */
@media (max-width:900px){
	.e-video-tour-modal{ padding:0; }
	.e-video-tour-panel{ max-width:100%; }
	.e-video-tour-frame-wrap{ border-radius:0; max-height:none; }
	.e-video-tour-close{ top:.75rem; right:.75rem; }
}