/*
 * KR elrendezés-javítások (B1–B8) – betölti: mu-plugins/kr-layout-fixes.php
 * Minden szabály oldal-/elem-ID-re szűkítve. Részletek, visszavonás: docs/CHANGES.md
 * A "body" előtag az Elementor saját szabályainál (0,3,0) nagyobb specifitást ad, !important nélkül.
 */

/* ------------------------------------------------------------------
 * B1 – Kapcsolat (#27980): keskenyebb űrlap, kisebb hero-térköz.
 * Finomítás: csak a változók értékét kell átírni.
 * ------------------------------------------------------------------ */
body.page-id-27980 {
	--kr-kapcsolat-form-width:700px;   /* űrlapszekció (e23febf) max. szélessége */
	--kr-kapcsolat-hero-pt:200px;      /* hero (d2fb5d1) felső padding – volt 150px */
	--kr-kapcsolat-hero-pb:150px;      /* hero (d2fb5d1) alsó padding – volt 300px */
}
body .elementor-27980 .elementor-element.elementor-element-d2fb5d1 {
	padding-top: var(--kr-kapcsolat-hero-pt);
	padding-bottom: var(--kr-kapcsolat-hero-pb);
}
body .elementor-27980 .elementor-element.elementor-element-e23febf > .elementor-container {
	max-width: var(--kr-kapcsolat-form-width);
}

/* ------------------------------------------------------------------
 * B2 – Elállás a szerződéstől (#28010): oldalmargó tableten és mobilon.
 * A konténer (6c9b7a2) bal/jobb paddingja minden eszközön 0 volt.
 * ------------------------------------------------------------------ */
@media (max-width: 1024px) {
	body .elementor-28010 .elementor-element.elementor-element-6c9b7a2 {
		--padding-left: 20px;
		--padding-right: 20px;
	}
}

/* ------------------------------------------------------------------
 * B3 – Blog archívum sablon (#247): a csak mobilon látszó keresőgomb (6cc90e6) elrejtése.
 * Asztalin/tableten eddig is rejtett volt (hide_desktop, hide_tablet).
 * ------------------------------------------------------------------ */
@media (max-width: 767px) {
	body .elementor-247 .elementor-element.elementor-element-6cc90e6 {
		display: none;
	}
}

/* ------------------------------------------------------------------
 * B5 – Szexuális Önismeret Kiskönyv (#28570), mobil: a fehér kártya ne fusson rá a fejlécre.
 * Mobilon a hero (8172389) csak 30px felső paddinget kapott, miközben a kártya -100/-150px-szel felcsúszik.
 * ------------------------------------------------------------------ */
@media (max-width: 767px) {
	body .elementor-28570 .elementor-element.elementor-element-8172389 {
		padding-top: 150px;
	}
	body .elementor-28570 .elementor-element.elementor-element-2135b01 > .elementor-element-populated {
		margin-left: 10px;
		margin-right: 10px;
		--e-column-margin-left: 10px;
		--e-column-margin-right: 10px;
	}
}

/* ------------------------------------------------------------------
 * B6 – Online (#20719), iPad álló/fekvő: a programkártyák elválasztása.
 * A rács 30px réssel, de oldalmargó nélkül, átlátszó kártyákkal futott a képernyő széléig.
 * ------------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1024px) {
	body .elementor-20719 .elementor-element.elementor-element-f0073ee .elementor-loop-container {
		padding-left: 20px;
		padding-right: 20px;
		row-gap: 50px;
	}
}

/* ------------------------------------------------------------------
 * B7 – Rólam (#27972): a scroll snap (Elementor Pro oldalbeállítás) mobilon kikapcsolva.
 * Az Elementor a html/body-ra teszi (post-27972.css): html{height:100vh;overflow:hidden}
 * body{height:100vh;overflow:auto;scroll-snap-type:y mandatory}
 * ------------------------------------------------------------------ */
@media (max-width: 767px) {
	html:has(> body.page-id-27972) {
		height: auto;
		overflow: visible;
	}
	body.page-id-27972 {
		height: auto;
		overflow: visible;
		scroll-snap-type: none;
	}
}

/* ------------------------------------------------------------------
 * B8 – Fejléc (HFE #1229).
 * a) iPad fekvő (768–1024px): az oszlopok 15% + 70% + 20% = 105%, ezért a hamburger-oszlop (d31b204)
 *    új sorba tört. A középső (menü) oszlop tableten amúgy is rejtett tartalmú → zsugorodhat.
 * b) Mobil/tablet hamburgermenü: a lenyíló háttere #000000C9 (79%) volt, a sötét hero alatt átütött
 *    a fehér tartalom → tömör fekete.
 * ------------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1024px) {
	body .elementor-1229 .elementor-element.elementor-element-549b560 {
		width: auto;
		flex: 1 1 0;
		min-width: 0;
	}
}
/* A HFE fejléc-CSS-e inline, ez után töltődik (0,4,1) → itt 0,4,2. */
body .elementor-1229 .elementor-element.elementor-element-7ba8644 nav.hfe-dropdown-expandible {
	background-color: #000000;
}
/* A widget (7ba8644) egyéni CSS-e 900px alatt .hfe-nav-menu{opacity:0.90}-t ad: emiatt a teljes lenyíló
 * (a fekete háttérrel együtt) 10%-ban átengedte a mögötte lévő fehér tartalmat. A hamburger-ikon saját
 * halványítása (.hfe-nav-menu__toggle opacity:0.43) változatlan. */
@media (max-width: 900px) {
	body .elementor-1229 .elementor-element.elementor-element-7ba8644 .hfe-nav-menu {
		opacity: 1;
	}
}