/* ==========================================================================
   Eventrend Magazin (tartalom HUB) – az investor.css tokenjeire épül (.inv-*),
   kiegészítve a page-specifikus .mag-* elemekkel.
   ========================================================================== */

/* ---------- Idézet ---------- */
.mag-quote { max-width: 880px; margin: 0 auto; text-align: center; }
.mag-quote p {
	font-family: var(--inv-heading-font, "Cal Sans", sans-serif);
	color: var(--inv-heading, #1C1C1D);
	font-size: clamp(20px, 2.6vw, 28px);
	line-height: 1.4;
	margin: 0;
}
.mag-quote p::before, .mag-quote p::after { content: "\201C"; color: var(--inv-primary, #CAA05C); }
.mag-quote p::after { content: "\201D"; }

/* ---------- Galéria ---------- */
.mag-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 18px;
	margin-top: 32px;
}
.mag-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--inv-border, #E3E3E8);
	border-radius: 14px;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease;
}
.mag-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,0.08); }
.mag-card__media { aspect-ratio: 16 / 10; overflow: hidden; background: var(--inv-field, #F6F6F6); }
.mag-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.mag-card:hover .mag-card__media img { transform: scale(1.05); }
.mag-card__body { padding: 18px 18px 20px; }
.mag-card__title {
	font-family: var(--inv-heading-font, "Cal Sans", sans-serif);
	color: var(--inv-heading, #1C1C1D);
	font-size: 17px;
	line-height: 1.35;
	margin: 0;
}

/* ---------- Hírlevél ---------- */
.mag-newsletter {
	background: linear-gradient(160deg, #1C1C1D 0%, #2a2a2c 100%);
	color: #fff;
	border-radius: 24px;
	padding: clamp(36px, 6vw, 64px);
	text-align: center;
}
.mag-newsletter h2 { color: #fff; }
.mag-newsletter p { color: rgba(255,255,255,0.82); max-width: 640px; margin: 0 auto 28px; }
.mag-form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	max-width: 560px;
	margin: 0 auto;
}
.mag-form input[type="email"] {
	flex: 1 1 280px;
	padding: 15px 20px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.25);
	background: rgba(255,255,255,0.08);
	color: #fff;
	font-size: 15px;
}
.mag-form input[type="email"]::placeholder { color: rgba(255,255,255,0.6); }

/* A MailChimp (MC4WP) űrlap igazítása a stílushoz, ha az jelenik meg. */
.mag-newsletter .mc4wp-form-fields { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.mag-newsletter .mc4wp-form input[type="email"] {
	flex: 1 1 280px; padding: 15px 20px; border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.25); background: rgba(255,255,255,0.08); color: #fff;
}
.mag-newsletter .mc4wp-form input[type="submit"] {
	padding: 15px 30px; border-radius: 999px; border: 0;
	background: var(--inv-primary, #CAA05C); color: #1C1C1D; font-weight: 600; cursor: pointer;
}

/* ---------- Hírlevél (natív, a téma antra-mailchmip widgetjével) ---------- */
.mag-newsletter-native { max-width: 720px; margin: 0 auto; text-align: center; }
.mag-newsletter-native .elementor-icon-list-items {
	justify-content: center;
	margin-bottom: 8px;
}
.mag-newsletter-native .elementor-icon-list-icon svg {
	fill: var(--e-global-color-primary, #CAA05C);
	width: 9px; height: 9px;
}
.mag-newsletter-native .elementor-icon-list-text {
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	color: var(--e-global-color-primary, #CAA05C);
}
.mag-newsletter-native .elementor-widget-heading .elementor-heading-title { margin-bottom: 14px; }
.mag-newsletter-native .elementor-widget-antra-mailchmip {
	margin: 28px auto 0;
	max-width: 520px;
}
/* az inline (style-1) űrlap középre, kitöltve */
.mag-newsletter-native .form-mailchimp-style-1 .mc4wp-form-fields .form-input { width: 100%; }