/* DLR Masterclass – Popup (Landingpage) */

#dlr-mc-popup-root[hidden]{display:none}

#dlr-mc-popup-root{
	position:fixed;
	inset:0;
	z-index:999999;
}

.dlrpop-backdrop{
	position:absolute;
	inset:0;
	background:rgba(17,13,10,.6);
}

/* Mobil (Standard): Vollbild, wie ein eigener Bildschirm */
.dlrpop-dialog{
	position:absolute;
	inset:0;
	background:#fff;
	display:flex;
	flex-direction:column;
	overflow:hidden;
}

.dlrpop-close{
	position:absolute;
	top:12px;
	right:12px;
	z-index:2;
	width:40px;
	height:40px;
	border-radius:50%;
	border:none;
	background:rgba(23,19,15,.85);
	color:#fff;
	font-size:24px;
	line-height:1;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
.dlrpop-close:hover{background:#c1121f}

.dlrpop-loading{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#4a423b;
	font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	font-size:15px;
}

.dlrpop-iframe{
	flex:1;
	width:100%;
	height:100%;
	border:none;
	opacity:0;
	transition:opacity .15s ease-out;
}
.dlrpop-iframe.is-loaded{opacity:1}

body.dlrpop-open{overflow:hidden}

/* Botões que apontam para uma masterclass já encerrada: cinza e sem clique,
   automaticamente, sem precisar mexer no botão original no Elementor. */
a.dlr-mc-btn-closed{
	opacity:.45 !important;
	filter:grayscale(1) !important;
	pointer-events:none !important;
	cursor:not-allowed !important;
}

/* Desktop/Tablet: zentrierte Karte statt Vollbild */
@media (min-width:641px){
	.dlrpop-dialog{
		inset:auto;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		width:min(480px,92vw);
		height:min(680px,88vh);
		border-radius:16px;
		box-shadow:0 24px 60px -20px rgba(0,0,0,.5);
	}
}

@media (prefers-reduced-motion: reduce){
	.dlrpop-iframe{transition:none}
}