/**
 * Hírlevél-feliratkozási form stílusok — ingatlan-modul.
 *
 * Forrás: sablon/fooldal „Hírlevél" form (Instrument Sans bevitel, #c9a558 accent,
 * sötét gomb → arany hover). Plugin CSS a téma után (priority 100) töltődik — !important nélkül.
 *
 * SPECIFICITÁS: a mező-szabályok a `.im-hirlevel-form` gyökérosztály alá vannak fűzve
 * (pl. `.im-hirlevel-form .im-hirlevel__input` = 0,2,0), hogy megverjék a GeneratePress
 * globális `input[type="email"]` szabályát (0,1,1). A betöltési sorrend már jó (priority 100),
 * de specificitás dönt — ezért scoped szelektorok, nem !important. Lásd: memóriaszabály
 * css-must-load-last-override-theme.
 */

/* ===== Form ===== */
.im-hirlevel-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 560px;
}

/* Név + e-mail mezők (egy sorban, mobilon alá) */
.im-hirlevel-form .im-hirlevel__mezok {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.im-hirlevel-form .im-hirlevel__cimke {
	flex: 1 1 200px;
	display: block;
}

.im-hirlevel-form .im-hirlevel__input {
	width: 100%;
	box-sizing: border-box;
	padding: 15px 18px;
	border: 1px solid rgba(20, 18, 16, 0.2);
	border-radius: 10px;
	background: #fff;
	font-family: 'Schibsted Grotesk', 'Segoe UI', Arial, sans-serif;
	font-size: 14px;
	color: #141210;
	transition: border-color .25s, box-shadow .25s;
}

.im-hirlevel-form .im-hirlevel__input::placeholder {
	color: rgba(20, 18, 16, 0.4);
}

.im-hirlevel-form .im-hirlevel__input:focus {
	outline: none;
	border-color: #c9a558;
	box-shadow: 0 0 0 3px rgba(201, 165, 88, 0.18);
}

/* GDPR checkbox */
.im-hirlevel-form .im-hirlevel__gdpr {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 12.5px;
	line-height: 1.5;
	color: rgba(20, 18, 16, 0.6);
	cursor: pointer;
}

.im-hirlevel-form .im-hirlevel__gdpr input[type="checkbox"] {
	margin-top: 2px;
	width: 16px;
	height: 16px;
	accent-color: #c9a558;
	flex: 0 0 auto;
	cursor: pointer;
}

.im-hirlevel-form .im-hirlevel__link {
	color: #AF7366;
	text-decoration: underline;
}

.im-hirlevel-form .im-hirlevel__link:hover {
	color: #141210;
}

/* Gomb (sötét → arany hover) */
.im-hirlevel-form .im-hirlevel__gomb {
	align-self: flex-start;
	margin-top: 2px;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 15px 32px;
    background: #584C45;
    color: #ffffff;
	border: none;
	border-radius: 100px;
	font-family: 'Schibsted Grotesk', sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.02em;
	cursor: pointer;
	transition: background .3s, color .3s, transform .15s;
}

.im-hirlevel-form .im-hirlevel__gomb:hover,
.im-hirlevel-form .im-hirlevel__gomb:focus-visible {
	background: #AF7366;
	color: #ffffff;
}

.im-hirlevel-form .im-hirlevel__gomb:active {
	transform: translateY(1px);
}

/* ===== „feher" változat (sötét háttérre) — fehér GDPR-szöveg, homokgomb ===== */
.im-hirlevel-form--feher .im-hirlevel__gdpr {
	color: #ffffff;
}

.im-hirlevel-form--feher .im-hirlevel__link,
.im-hirlevel-form--feher .im-hirlevel__link:hover {
	color: #ffffff;
}

.im-hirlevel-form--feher .im-hirlevel__gomb {
	background: #AF7366;
	color: #F7F4EF;
}

.im-hirlevel-form--feher .im-hirlevel__gomb:hover,
.im-hirlevel-form--feher .im-hirlevel__gomb:focus-visible {
	background: #9A655A;
	color: #F7F4EF;
}

/* Honeypot — emberek nem látják */
.im-hirlevel-form .im-hirlevel__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
}

/* ===== Reszponzív ===== */
@media ( max-width: 600px ) {
	.im-hirlevel-form .im-hirlevel__mezok {
		flex-direction: column;
	}

	.im-hirlevel-form .im-hirlevel__cimke {
		flex: 1 1 auto;
	}
}

/* ===== Visszajelzés (feliratkozás / megerősítés / leiratkozás után — külön oldalon) ===== */
.im-hirlevel-uzenet {
	max-width: 560px;
	margin: 0 0 18px;
	padding: 16px 20px;
	border-radius: 10px;
	border-left: 4px solid #c9a558;
	background: #f6f3ee;
	color: #141210;
	font-family: 'Instrument Sans', 'Segoe UI', Arial, sans-serif;
	font-size: 14.5px;
	line-height: 1.6;
}

.im-hirlevel-uzenet--info {
	border-left-color: #AF7366;
}

.im-hirlevel-uzenet--error {
	border-left-color: #b5483a;
}