/* Unicorn Popup – frontend
   A színeket a PHP tölti be :root inline változóként. */

:root{
	--upop-accent:#6e2203;
	--upop-text:#0d0d0d;
	--upop-radius:0px;
	--upop-max:900px;
}

.upop-overlay{
	position:fixed;
	inset:0;
	z-index:99999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
	background:rgba(13,13,13,.62);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .28s ease,visibility 0s linear .28s;
	overflow-y:auto;
}
.upop-overlay[hidden]{display:none!important}
.upop-overlay.is-open{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transition:opacity .28s ease,visibility 0s;
}

.upop-dialog{
	position:relative;
	width:100%;
	max-width:var(--upop-max);
	background:#fff;
	border-radius:var(--upop-radius);
	box-shadow:0 24px 60px rgba(0,0,0,.28);
	transform:translateY(14px) scale(.985);
	transition:transform .28s ease;
	margin:auto;
}
.upop-overlay.is-open .upop-dialog{transform:none}

.upop-close{
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:0;
	padding:0;
	cursor:pointer;
	color:var(--upop-text);
	background:rgba(255,255,255,.86);
	border-radius:50%;
	line-height:0;
}
.upop-close:hover{background:#fff;color:var(--upop-accent)}
.upop-close:focus-visible{outline:2px solid var(--upop-accent);outline-offset:2px}

/* --- elrendezés --- */
.upop-inner{display:block}
.upop-media{display:none}
.upop-content{padding:40px 36px}

@media (min-width:760px){
	.upop-inner.upop-has-image{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:stretch}
	.upop-inner.upop-has-image .upop-media{display:block;overflow:hidden}
	.upop-inner.upop-has-image .upop-image{width:100%;height:100%;object-fit:cover;display:block}
	.upop-content{padding:48px 44px}
}

/* --- szöveg --- */
.upop-eyebrow{
	margin:0 0 10px;
	font-size:12px;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--upop-accent);
	font-weight:700;
}
.upop-heading{
	margin:0 0 14px;
	font-size:26px;
	line-height:1.22;
	color:var(--upop-text);
	font-weight:600;
}
.upop-intro{
	margin:0 0 12px;
	font-size:15px;
	line-height:1.6;
	color:#4a4a4a;
}
.upop-intro-strong{color:var(--upop-text);font-weight:600}

/* --- űrlap --- */
.upop-form{margin:22px 0 0}
.upop-field{margin:0 0 14px}
.upop-field label{
	display:block;
	margin:0 0 6px;
	font-size:13px;
	font-weight:600;
	color:var(--upop-text);
}
.upop-field input{
	width:100%;
	box-sizing:border-box;
	padding:13px 14px;
	font-size:16px; /* iOS: 16px alatt ráközelít */
	font-family:inherit;
	color:var(--upop-text);
	background:#fff;
	border:1px solid #cfc9c1;
	border-radius:var(--upop-radius);
	transition:border-color .15s ease;
}
.upop-field input:focus{outline:0;border-color:var(--upop-accent);box-shadow:0 0 0 3px rgba(110,34,3,.12)}
.upop-field input[aria-invalid="true"]{border-color:#b32d2e}

.upop-consent{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px}
.upop-consent input{margin-top:3px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--upop-accent)}
.upop-consent label{font-size:13px;line-height:1.5;color:#4a4a4a}
.upop-consent a{color:var(--upop-accent);text-decoration:underline}

.upop-submit{
	display:block;
	width:100%;
	padding:16px 20px;
	border:0;
	cursor:pointer;
	font-family:inherit;
	font-size:14px;
	font-weight:700;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:#fff;
	background:var(--upop-accent);
	border-radius:var(--upop-radius);
	transition:filter .15s ease;
}
.upop-submit:hover{filter:brightness(1.14)}
.upop-submit:focus-visible{outline:2px solid var(--upop-text);outline-offset:2px}
.upop-submit[disabled]{opacity:.6;cursor:progress}

.upop-footnote{margin:12px 0 0;font-size:12px;line-height:1.5;color:#7a7a7a;text-align:center}

.upop-error{
	margin:0 0 14px;
	padding:11px 13px;
	font-size:13px;
	line-height:1.45;
	color:#8a1f21;
	background:#fdf1f1;
	border-left:3px solid #b32d2e;
}
.upop-error[hidden]{display:none!important}

.upop-success{
	margin:16px 0 0;
	padding:16px;
	font-size:15px;
	line-height:1.55;
	color:var(--upop-text);
	background:#f2f6f1;
	border-left:3px solid #4a7c4e;
}
.upop-success[hidden]{display:none!important}
.upop-form.is-done .upop-field,
.upop-form.is-done .upop-consent,
.upop-form.is-done .upop-submit,
.upop-form.is-done .upop-footnote,
.upop-form.is-done .upop-error{display:none}

/* mézesbödön – képernyőolvasónak is rejtve */
.upop-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* beágyazott változat */
.upop-embed{background:#fff;border:1px solid #e6e1db;border-radius:var(--upop-radius);max-width:var(--upop-max);margin:0 auto}
.upop-embed .upop-content{padding:32px 28px}
.upop-trigger{
	display:inline-block;
	padding:14px 26px;
	border:0;
	cursor:pointer;
	font-family:inherit;
	font-size:14px;
	font-weight:700;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:#fff;
	background:var(--upop-accent);
	border-radius:var(--upop-radius);
}
.upop-trigger:hover{filter:brightness(1.14)}

@media (prefers-reduced-motion:reduce){
	.upop-overlay,.upop-dialog{transition:none}
}