/*
 * Somogyi Eszter – amit az Elementor nem tud.
 *
 * Színek és betűk a Kitben (Webhely beállításai → Globális…). Ide csak az kerül,
 * amit vezérlővel nem lehet kifejezni. Minden osztály a widget/konténer
 * „CSS-osztályok” mezőjéből jön, tehát a szerkesztőben is látszik.
 */

/* ── Képhátterű sávok: fátyol a kép fölé, a tartalom alá ──────────────────
 * Nem az Elementor háttér-átfedése: az a konténer TARTALMÁT is halványítaná.
 */
.se-hero,
.se-sotetkep {
	position: relative;
	overflow: hidden;
}

.se-hero::before,
.se-sotetkep::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
}

/* A hero szövege balra ül: ott sötétebb a fátyol, jobbra látszik a kép.
 * Eszter kérésére (09-24) világos: csak annyi, hogy a fehér szöveg olvasható maradjon. */
.se-hero::before {
	background: linear-gradient(90deg, rgba(35, 35, 97, 0.6) 0%, rgba(35, 35, 97, 0.3) 50%, rgba(35, 35, 97, 0) 100%);
}

/* A világos, tarka képen a vékony betűs sorok így is olvashatók maradnak. */
.se-hero .elementor-widget-heading,
.se-hero .elementor-widget-text-editor {
	text-shadow: 0 1px 14px rgba(20, 20, 60, 0.55);
}

.se-sotetkep::before {
	background: linear-gradient(90deg, rgba(35, 35, 97, 0.94) 0%, rgba(35, 35, 97, 0.82) 50%, rgba(35, 35, 97, 0.35) 100%);
}

@media (max-width: 1024px) {
	.se-sotetkep::before {
		background: rgba(35, 35, 97, 0.78);
	}

	.se-hero::before {
		background: rgba(35, 35, 97, 0.5);
	}
}

.se-hero > .e-con-inner,
.se-sotetkep > .e-con-inner {
	position: relative;
	z-index: 1;
}

/* ── Kép a szöveg mellett (portré, aloldal-fej) ─────────────────────────────
 * 2026-09-22: az ív („ablak”) Eszter kérésére kikerült, sima téglalap.
 */
.se-ivkep img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.se-ivkep--szeles img {
	aspect-ratio: 4 / 3;
}

/* ── Kártyák ──────────────────────────────────────────────────────────────── */
.se-temakartya,
.se-kepkartya {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.se-temakartya:hover,
.se-kepkartya:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 34px rgba(48, 48, 123, 0.10);
}

.se-kepkartya img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
}

.se-nyil a,
.se-nyil {
	text-decoration: none;
}

.se-velemeny {
	border-top: 2px solid var(--e-global-color-secondary);
}

/* ── Hiányzó szöveg jelölése ──────────────────────────────────────────────
 * Csak az Elementor-szerkesztőben látszik (ott mutatja, hová kell még szöveg),
 * a látogató elől rejtve van (WebOrigo, 09-24: élesítés a szövegek előtt).
 */
body:not(.elementor-editor-active) .se-helykitolto {
	display: none;
}

.se-helykitolto {
	border: 2px dashed #C9A24D;
	background: #FFF8E6;
	padding: 18px 22px;
}

.se-helykitolto p {
	margin: 0 0 6px;
	color: #6B4E12;
}

/* ── Automatikus lista: [se_lista] ────────────────────────────────────────── */
.se-lista {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

@media (max-width: 1024px) {
	.se-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	.se-lista { grid-template-columns: 1fr; }
}

.se-kartya {
	background: #fff;
	display: flex;
	flex-direction: column;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.se-kartya:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 34px rgba(48, 48, 123, 0.10);
}

.se-kartya__kep img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.se-kartya__szoveg {
	padding: 22px 24px 26px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}

.se-kartya__datum {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--e-global-color-searanysotet);
}

.se-kartya__cim {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 1.3;
}

.se-kartya__cim a {
	color: var(--e-global-color-primary);
	text-decoration: none;
}

.se-kartya__szoveg p {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	flex: 1;
}

.se-kartya__tovabb {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--e-global-color-primary);
	text-decoration: none;
}

.se-lista__ures {
	font-style: italic;
	color: var(--e-global-color-sehalvany);
}

/* ── Írások archívum (Elementor archive-posts widget) ─────────────────────── */
.se-cikkracs .elementor-post {
	background: #fff;
}

.se-cikkracs .elementor-post__thumbnail img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
}

.se-cikkracs .elementor-post__text {
	display: flex;
	flex-direction: column;
	padding: 22px 24px 26px;
}

.se-cikkracs .elementor-post__meta-data {
	order: -1;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--e-global-color-searanysotet);
	margin-bottom: 8px;
}

.se-cikkracs .elementor-post__title a {
	font-family: "Playfair Display", Georgia, serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--e-global-color-primary);
}

.se-cikkracs .elementor-post__excerpt p {
	font-size: 14px;
	line-height: 1.65;
}

.se-cikkracs .elementor-post__read-more {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--e-global-color-primary);
}

/* ── Cikk- és programtörzs ────────────────────────────────────────────────── */
.se-torzs h2,
.se-torzs h3 {
	margin-top: 1.6em;
}

.se-torzs ul li {
	margin-bottom: 0.4em;
}

/* ── Fluent Forms: az oldal nyelvéhez simítva ─────────────────────────────── */
.se-urlap .ff-el-group { margin-bottom: 14px; }

.se-urlap .ff-el-input--label label {
	font-size: 13px;
	font-weight: 500;
	color: var(--e-global-color-primary);
}

.se-urlap .ff-el-form-control {
	border: 1px solid var(--e-global-color-sevonal);
	border-radius: 4px;
	padding: 13px 15px;
	font-family: Montserrat, system-ui, sans-serif;
	font-size: 15px;
	background: #fff;
}

.se-urlap .ff-el-form-control:focus {
	border-color: var(--e-global-color-primary);
	box-shadow: 0 0 0 3px rgba(48, 48, 123, 0.12);
	outline: none;
}

.se-urlap .ff-btn-submit {
	background: var(--e-global-color-accent) !important;
	color: #fff !important;
	border: 0;
	border-radius: 4px;
	padding: 15px 32px;
	font-family: Montserrat, system-ui, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.25s ease;
}

.se-urlap .ff-btn-submit:hover {
	background: var(--e-global-color-primary) !important;
}

/* ── AsztroMOM ár: [se_ar] ────────────────────────────────────────────────── */
.se-ar {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 30px;
	color: var(--e-global-color-primary);
}

/* ── WooCommerce: kosár, pénztár, visszaigazolás (klasszikus rövidkódos oldalak) ── */
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main {
	padding-block: 56px 96px;
}

@media (max-width: 767px) {
	.woocommerce-cart .site-main,
	.woocommerce-checkout .site-main {
		padding-inline: 20px;
	}
}

/*
 * Egy termék, mindig 1 darab, kupon nélkül: a mennyiség oszlopnak és a „Kosár
 * frissítése” sornak nincs dolga. Három osztály kell: a Woo mobil CSS-e
 * (`.woocommerce-page table.shop_table_responsive tr td`) különben visszahozza.
 */
.woocommerce-cart-form .shop_table .product-quantity,
.woocommerce-cart-form .shop_table td.actions {
	display: none;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #place_order {
	background: var(--e-global-color-accent);
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 15px 32px;
	font-family: Montserrat, system-ui, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	transition: background 0.25s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #place_order:hover {
	background: var(--e-global-color-primary);
	color: #fff;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
	border: 1px solid var(--e-global-color-sevonal);
	border-radius: 4px;
	padding: 13px 15px;
	background: #fff;
}

.woocommerce form .form-row .input-text:focus {
	border-color: var(--e-global-color-primary);
	box-shadow: 0 0 0 3px rgba(48, 48, 123, 0.12);
	outline: none;
}

/*
 * Pénztár: a Woo két fél oszlopa (számlázás | megjegyzés) helyett számlázás |
 * összegzés + fizetés. A megjegyzés mező ki van kapcsolva, ezért a jobb fél üres volt.
 */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
	float: none;
	width: 100%;
}

@media (min-width: 1025px) {
	.woocommerce-checkout form.checkout {
		display: grid;
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
		/* A két sort átfogó bal oszlop magassága az utolsó (rugalmas) sorba menjen, ne a jobb oldali cím alá. */
		grid-template-rows: auto auto 1fr;
		column-gap: 56px;
		align-items: start;
	}

	.woocommerce-checkout form.checkout::before,
	.woocommerce-checkout form.checkout::after {
		display: none;
	}

	/* Hibaüzenet-csoport (a Woo a form elejére szúrja) teljes szélességben, felül. */
	.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.woocommerce-checkout #customer_details {
		grid-column: 1;
		grid-row: 2 / span 2;
	}

	.woocommerce-checkout #order_review_heading {
		grid-column: 2;
		grid-row: 2;
		margin-top: 0;
	}

	.woocommerce-checkout #order_review {
		grid-column: 2;
		grid-row: 3;
	}
}

/* ── Kosár ikon a fejlécben: [se_kosar] ───────────────────────────────────── */
.se-kosar {
	position: relative;
	display: inline-flex;
	padding: 6px;
	color: var(--e-global-color-primary);
}

.se-kosar:hover {
	color: var(--e-global-color-accent);
}

.se-kosar__db {
	position: absolute;
	top: -2px;
	right: -6px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 9px;
	background: var(--e-global-color-accent);
	color: #fff;
	font: 600 11px/18px Montserrat, system-ui, sans-serif;
	text-align: center;
}

.woocommerce-checkout #payment {
	background: var(--e-global-color-sehomok);
	border-radius: 4px;
}

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--e-global-color-secondary);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--e-global-color-secondary);
}

/* ── Lábléc ──────────────────────────────────────────────────────────────── */
.se-lablec a {
	color: #fff;
}

.se-lablec a:hover {
	color: var(--e-global-color-secondary);
}

/* A DSP logósor tartalomra húzva, hogy a `space-between` két szélre tegye. */
.se-dsp .se-dsp-logok {
	width: auto;
}