/* ==========================================================================
   Motivum – base.css (minden oldalon)
   Globális finomítások, amelyeket a theme.json nem tud kifejezni, a
   blokkstílus-változatok, fejléc, felső sáv, lábléc, kapcsolati panel, űrlap.
   A színek/betűk/méretek a theme.json presetjeiből (--wp--preset--*) jönnek.
   ========================================================================== */

:root {
	--mw-header-h: 84px;
	--mw-ease-enter: cubic-bezier(.2, .7, .1, 1);
	--mw-fast: 180ms ease;
	--mw-base: 320ms ease;
	--mw-slow: 500ms ease;
	--mw-line-dark: rgba(255, 255, 255, .12);
}
@media (max-width: 767px) {
	:root {
		--mw-header-h: 68px;
		/* Szakasz-térközök mobilon (design: .section 96→64, .section-lg 128→96) */
		--wp--custom--section--md: 4rem;
		--wp--custom--section--lg: 6rem;
	}
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; }
.wp-site-blocks > * { margin-block-start: 0; }
:where(h1, h2, h3, h4, h5, h6) { text-wrap: balance; }
::selection { background: var(--wp--preset--color--primary); color: #fff; }
[id] { scroll-margin-top: var(--mw-header-h); }

:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
	border-radius: 2px;
}

img { height: auto; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.skip-link.screen-reader-text:focus {
	clip: auto; width: auto; height: auto; margin: 0;
	top: 12px; left: 12px; z-index: 1000;
	padding: 12px 20px;
	background: var(--wp--preset--color--primary);
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
}

/* --- Szövegszélesség-segédek (ch) ---------------------------------------- */
.mw-measure-20 { max-width: 20ch !important; }
.mw-measure-22 { max-width: 22ch !important; }
.mw-measure-36 { max-width: 36ch; }
.mw-measure-44 { max-width: 44ch; }
.mw-measure-46 { max-width: 46ch !important; }
.mw-measure-48 { max-width: 48ch !important; }
.mw-measure-52 { max-width: 52ch !important; }
.mw-measure-56 { max-width: 56ch; }
.mw-measure-62 { max-width: 62ch !important; }
.mw-measure-760 { max-width: 760px; }

/* Navy háttéren halványított szöveg */
.mw-on-dark-soft, .mw-on-dark-soft p { color: rgba(255, 255, 255, .75); }
.mw-on-dark-lead { color: rgba(255, 255, 255, .78); }

/* --- Inline formátumok --------------------------------------------------- */
.mw-script {
	font-family: var(--wp--preset--font-family--script);
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.1;
}
:where(h1, h2) .mw-script { font-size: 1.12em; }
.mw-script-name {
	font-family: var(--wp--preset--font-family--script);
	font-style: italic;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.1;
}
.mw-script-name--sm { font-size: 1.4rem; }

/* --- Blokkstílus-változatok ---------------------------------------------- */

/* Elválasztó: arany vonal (.rule-gold) */
.wp-block-separator.is-style-gold {
	width: 44px;
	max-width: 44px !important;
	height: 1px;
	margin-bottom: 0;
	border: 0;
	background: var(--wp--preset--color--accent);
	opacity: 1;
}
.wp-block-separator.is-style-gold:not(.aligncenter) { margin-left: 0 !important; margin-right: auto !important; }
.wp-block-separator.is-style-gold.aligncenter { margin-left: auto !important; margin-right: auto !important; }

/* Bekezdés: eyebrow / lead / meta */
.is-style-eyebrow,
.is-style-meta {
	font-family: var(--wp--preset--font-family--ui);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	letter-spacing: var(--wp--custom--tracking--caps);
	text-transform: uppercase;
	line-height: 1.7;
	color: var(--wp--preset--color--muted);
}
.is-style-lead {
	font-size: var(--wp--preset--font-size--lead);
	line-height: 1.75;
	color: var(--wp--preset--color--muted);
}
.is-style-section-navy .is-style-lead { color: rgba(255, 255, 255, .78); }
.is-style-section-navy .is-style-meta { color: rgba(255, 255, 255, .6); }
.is-style-section-navy .is-style-eyebrow:not(.has-text-color) { color: rgba(255, 255, 255, .72); }
.mw-eyebrow-tall { line-height: 1.9; max-width: 30ch; padding-top: .6rem; }

/* Gomb: közös mozgás (−2 px emelkedés, színváltás press-re nincs) */
.wp-element-button,
.wp-block-button__link {
	display: inline-block;
	max-width: 100%;
	text-align: center;
	cursor: pointer;
	transition: transform var(--mw-fast), background-color var(--mw-base), color var(--mw-base), border-color var(--mw-base);
}
.wp-element-button:hover,
.wp-block-button__link:hover { transform: translateY(-2px); }
.wp-element-button:active,
.wp-block-button__link:active { transform: translateY(-2px); }

/* Gomb: fehér kitöltés navy háttéren (.btn-solid) */
.wp-block-button.is-style-solid-light .wp-block-button__link {
	background: #fff;
	color: var(--wp--preset--color--primary);
	border-color: #fff;
}
.wp-block-button.is-style-solid-light .wp-block-button__link:hover {
	background: transparent;
	color: #fff;
	border-color: #fff;
}

/* Gomb: halvány pirula („Tovább ↓”) */
.wp-block-button.is-style-soft .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 22px;
	background: transparent;
	color: var(--wp--preset--color--primary);
	border: 1px solid rgba(16, 46, 70, .22);
	font-weight: 500;
	letter-spacing: .14em;
	line-height: 1.7;
	transition: border-color var(--mw-fast), transform var(--mw-fast);
}
.wp-block-button.is-style-soft .wp-block-button__link:hover { border-color: var(--wp--preset--color--accent); }
.mw-arrow-down { color: var(--wp--preset--color--accent-deep); }

/* Gomb: szöveges link arany aláhúzással (.btn-text) */
.wp-block-button.is-style-text .wp-block-button__link {
	position: relative;
	padding: 8px 0;
	background: none;
	border: 0;
	border-radius: 0;
	color: var(--wp--preset--color--primary);
	text-align: left;
}
.is-style-section-navy .wp-block-button.is-style-text .wp-block-button__link { color: #fff; background: none; }
.wp-block-button.is-style-text .wp-block-button__link::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 1px;
	background: var(--wp--preset--color--accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--mw-fast);
}
.wp-block-button.is-style-text .wp-block-button__link:hover { transform: none; }
.wp-block-button.is-style-text .wp-block-button__link:hover::after { transform: scaleX(1); }

/* Lista: jelölő nélkül / arany gondolatjel */
.wp-block-list.is-style-dash { list-style: none; padding-left: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; }
.wp-block-list.is-style-plain { list-style: none; padding-left: 0; margin: 0; }
.wp-block-list.is-style-dash li {
	position: relative;
	padding-left: 1.6rem;
	margin-bottom: var(--wp--preset--spacing--20);
}
.wp-block-list.is-style-dash li::before {
	content: "—";
	position: absolute;
	left: 0;
	color: var(--wp--preset--color--accent);
}

/* Szakaszfej */
.mw-section-head > * + * { margin-block-start: var(--wp--preset--spacing--40); }
.mw-section-head .wp-block-separator.is-style-gold + * { margin-block-start: var(--wp--preset--spacing--40); }

/* --- Felső sáv ------------------------------------------------------------ */
.mw-topbar-part { position: relative; z-index: 101; }
.mw-topbar p { margin: 0; }
.mw-topbar a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 14px 20px;
	color: var(--wp--preset--color--primary);
	font-weight: 400;
}
.mw-topbar a:hover { color: var(--wp--preset--color--primary); }
.mw-topbar .mw-pill {
	background: #FBF7EE;
	border-radius: 999px;
	padding: 5px 14px;
	font-size: .8125rem;
}
.mw-topbar .mw-arr { display: inline-block; transition: transform var(--mw-base); }
.mw-topbar a:hover .mw-arr { transform: translateX(4px); }
@media (max-width: 600px) { .mw-topbar .mw-sub { display: none; } }

/* Felső sáv: középen a kvíz, jobb szélen Fiókom · kosár · HU / EN */
.mw-topbar__inner {
	display: grid !important;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	column-gap: 20px;
}
.mw-topbar__inner > .mw-topbar__text { grid-column: 2; }
.mw-topbar__tools {
	grid-column: 3;
	justify-self: end;
	gap: 18px !important;
	font-family: var(--wp--preset--font-family--ui);
	font-size: .75rem;
	font-weight: 500;
	letter-spacing: .12em;
	text-transform: uppercase;
	line-height: 1;
}
.mw-topbar__tools > * { margin: 0 !important; }
.mw-topbar .mw-topbar__account a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	flex-wrap: nowrap;
	padding: 6px 0;
	font-weight: 500;
	text-decoration: none;
}
.mw-topbar .mw-topbar__account a::before {
	content: "";
	width: 15px;
	height: 15px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mw-topbar .mw-topbar__account a:hover { opacity: .75; }
.mw-topbar .wc-block-mini-cart__button { color: inherit; padding: 4px; }
.mw-topbar .wc-block-mini-cart__icon { width: 20px; height: 20px; }
.mw-topbar .wc-block-mini-cart__badge {
	background: var(--wp--preset--color--primary) !important;
	color: #fff !important;
	border-color: transparent !important;
	font-weight: 600;
}
.mw-topbar .mw-lang { margin-left: 0; font-size: inherit; }
.mw-topbar .mw-lang__item.is-current { box-shadow: inset 0 -1px 0 var(--wp--preset--color--primary); }

/* Tableten a kvíz balra, az eszközök jobbra egy sorban */
@media (max-width: 1000px) {
	.mw-topbar__inner { grid-template-columns: minmax(0, 1fr) auto; }
	.mw-topbar__inner > .mw-topbar__text { grid-column: 1; text-align: left; }
	.mw-topbar__inner > .mw-topbar__text a { justify-content: flex-start; }
	.mw-topbar__tools { grid-column: 2; }
}
/* Mobilon két sor: fent a kvíz-felhívás, alatta vékony elválasztó után Fiókom · kosár · HU / EN */
@media (max-width: 600px) {
	.mw-topbar__inner {
		grid-template-columns: 1fr;
		row-gap: 7px;
	}
	.mw-topbar__inner > .mw-topbar__text { grid-column: 1; text-align: center; }
	.mw-topbar__inner > .mw-topbar__text a { justify-content: center; }
	.mw-topbar__tools {
		grid-column: 1;
		justify-self: stretch;
		justify-content: center !important;
		gap: 22px !important;
		padding-top: 7px;
		border-top: 1px solid rgba(16, 46, 70, .12);
		font-size: .6875rem;
		letter-spacing: .1em;
	}
}

/* --- Fejléc --------------------------------------------------------------- */
.mw-site-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;
}
.mw-header {
	background: transparent;
	box-shadow: 0 1px 0 transparent;
	transition: background-color var(--mw-base), box-shadow var(--mw-base), color var(--mw-base);
}
.mw-header.is-on-dark { color: #fff; }
.mw-header.is-light,
.mw-header.is-solid {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--text);
}
.mw-header.is-solid { box-shadow: 0 1px 0 var(--wp--preset--color--border); }
.mw-header__inner { min-height: var(--mw-header-h); gap: var(--wp--preset--spacing--50); }

/* Logó: fehér/navy wordmark + WEB STUDIO */
.mw-logo { flex: none; align-items: stretch; line-height: 1; }
.mw-logo .wp-block-image { margin: 0; }
.mw-logo img { display: block; height: 24px; width: auto; border-radius: 0; }
.mw-logo__img--footer img { height: 27px; }
.mw-logo__descriptor {
	font-family: var(--wp--preset--font-family--ui);
	font-size: .5625rem;
	font-weight: 500;
	letter-spacing: .42em;
	text-transform: uppercase;
	line-height: 1;
	text-align: right;
	margin-right: -.42em !important;
	color: var(--wp--preset--color--muted);
}
.is-on-dark .mw-logo__descriptor,
.mw-footer .mw-logo__descriptor { color: rgba(255, 255, 255, .6); }
.mw-header.is-solid .mw-logo__descriptor { color: var(--wp--preset--color--muted); }
.mw-header .mw-logo__img--white { display: none; }
.mw-header.is-on-dark:not(.is-solid) .mw-logo__img--white { display: block; }
.mw-header.is-on-dark:not(.is-solid) .mw-logo__img--navy { display: none; }

/* Menü: arany aláhúzás balról */
.mw-nav .wp-block-navigation-item__content {
	position: relative;
	padding-block: 8px;
}
.mw-nav .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 1px;
	background: var(--wp--preset--color--accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--mw-fast);
}
.mw-nav .wp-block-navigation-item__content:hover { color: inherit; }
.mw-nav .wp-block-navigation-item__content:hover::after,
.mw-nav .current-menu-item > .wp-block-navigation-item__content::after { transform: scaleX(1); }

/* Mobil menü: 767 px-ig hamburger (a core 600 px-es töréspontja helyett) */
.mw-nav .wp-block-navigation__responsive-container-open { width: 48px; height: 48px; justify-content: center; align-items: center; }
@media (min-width: 600px) and (max-width: 767px) {
	.mw-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.mw-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
.mw-nav .wp-block-navigation__responsive-container.is-menu-open {
	padding: calc(var(--mw-header-h) + 8px) 24px 40px;
}
.mw-nav .is-menu-open .wp-block-navigation__responsive-container-content { align-items: stretch !important; }
.mw-nav .is-menu-open .wp-block-navigation__container { width: 100%; gap: 0 !important; align-items: stretch !important; }
.mw-nav .is-menu-open .wp-block-navigation-item { width: 100%; }
.mw-nav .is-menu-open .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 48px;
	font-size: var(--wp--preset--font-size--lg);
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.mw-nav .is-menu-open .wp-block-navigation-item__content::after { display: none; }

/* Navy hero a fejléc alá kerül (a fejléc átlátszó fölötte) */
.mw-main > .mw-hero:first-child,
.mw-main > .mw-content > .mw-hero:first-child { margin-top: calc(var(--mw-header-h) * -1); }
/* Az oldal szakaszai egymáshoz tapadnak (a térközt a szakaszok paddingja adja) */
.mw-main > .mw-content > * { margin-block-start: 0; margin-block-end: 0; }
.mw-page-hero { padding-top: calc(var(--mw-header-h) + var(--wp--preset--spacing--70)) !important; }
.mw-page-hero .is-style-eyebrow,
.mw-cta .is-style-eyebrow { line-height: calc(1.0625rem * 1.7); }
.mw-page-hero .is-style-eyebrow + h1 { margin-block-start: var(--wp--preset--spacing--40); }
.mw-page-hero h1 + p { margin-block-start: var(--wp--preset--spacing--40); }

/* --- Lábléc --------------------------------------------------------------- */
.mw-footer { font-size: var(--wp--preset--font-size--base); }
.mw-footer__cols {
	display: grid !important;
	grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1.2fr);
}
.mw-footer__cols > .wp-block-column { flex-basis: auto !important; }
@media (max-width: 900px) {
	.mw-footer__cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.mw-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.mw-footer__cols { grid-template-columns: minmax(0, 1fr); }
}
.mw-footer__brand { max-width: 44ch; }
.mw-footer .mw-logo { display: inline-flex; width: max-content; }
.mw-footer__about { color: rgba(255, 255, 255, .72); }
.mw-footer__title {
	font-family: var(--wp--preset--font-family--ui);
	font-size: var(--wp--preset--font-size--xs);
	letter-spacing: var(--wp--custom--tracking--caps);
	text-transform: uppercase;
	color: rgba(255, 255, 255, .55);
	margin-bottom: var(--wp--preset--spacing--40) !important;
}
.mw-footer__list { margin: 0; }
.mw-footer__list li { margin-bottom: var(--wp--preset--spacing--20); }
.mw-footer__place { font-size: var(--wp--preset--font-size--sm); }
.mw-footer__list a { font-size: var(--wp--preset--font-size--sm); }
.mw-footer__list a:hover { color: var(--wp--preset--color--accent); }
.mw-footer__place { color: rgba(255, 255, 255, .72); }
.mw-footer__social a { margin-right: 16px; }
.mw-footer__bottom { font-size: var(--wp--preset--font-size--xs); color: rgba(255, 255, 255, .55); }
.mw-footer__legal { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; }
.mw-footer .mw-logo__descriptor { line-height: 1.7; }
@media (max-width: 767px) {
	.mw-footer__bottom { flex-direction: column; align-items: center !important; }
	.mw-footer__legal { align-self: stretch; }
}

/* --- Űrlap (motivum/contact-form) – mindhárom változat -------------------- */
.mw-form__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mw-form input, .mw-form textarea, .mw-form select { font: inherit; display: block; }
.mw-form .mw-checks input { display: grid; }
.mw-form__status {
	margin-top: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--sm);
}
.mw-form__status.is-error { border-top-color: #C0392B; }
.mw-form.is-sending .mw-form__submit { opacity: .6; pointer-events: none; }

/* CTA-változat (navy űrlapkártya) */
.mw-form--cta .mw-form__form {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
	padding: clamp(20px, 3vw, 40px);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
}
.mw-form--cta .mw-form__row { display: grid; gap: var(--wp--preset--spacing--30); }
.mw-form--cta .mw-form__row--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); }
.mw-form--cta .mw-form__row--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.mw-form--cta input {
	width: 100%;
	min-height: 52px;
	padding: 14px 18px;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, .16);
	background: rgba(255, 255, 255, .06);
	color: #fff;
	font-family: var(--wp--preset--font-family--body);
	font-size: 1rem;
	line-height: normal;
	outline: none;
	transition: border-color var(--mw-fast), background-color var(--mw-fast);
}
.mw-form--cta input::placeholder { color: rgba(255, 255, 255, .55); }
.mw-form--cta input:focus { border-color: var(--wp--preset--color--accent); background: rgba(255, 255, 255, .09); }
.mw-form--cta input:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; }
.mw-form--cta .mw-form__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--40);
}
.mw-form--cta .mw-form__note { margin: 0; max-width: 46ch; font-size: .8125rem; line-height: 1.55; color: rgba(255, 255, 255, .6); }

/* Kapcsolat-oldal változat (címkés, aláhúzott mezők) */
.mw-form--page .mw-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--preset--spacing--40); }
.mw-form--page .mw-field { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); }
.mw-form--page .is-full { grid-column: 1 / -1; }
.mw-form--page .mw-field__label {
	font-family: var(--wp--preset--font-family--ui);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: var(--wp--custom--tracking--wide);
	color: var(--wp--preset--color--muted);
}
.mw-form--page .mw-field__hint { font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); }
.mw-form--page input,
.mw-form--page textarea {
	font-size: var(--wp--preset--font-size--base);
	color: var(--wp--preset--color--text);
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	padding: 12px 2px;
	min-height: 48px;
	transition: border-color var(--mw-fast);
}
.mw-form--page textarea { min-height: 140px; resize: vertical; }
.mw-form--page input:focus,
.mw-form--page textarea:focus { border-bottom-color: var(--wp--preset--color--accent); outline-offset: 6px; }
.mw-form--page .mw-form__actions { margin-top: var(--wp--preset--spacing--50); }
.mw-form--page .mw-form__note { margin-top: var(--wp--preset--spacing--40); font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--muted); }
@media (max-width: 767px) { .mw-form--page .mw-form__grid { grid-template-columns: 1fr; } }

/* Panel-változat (kérdőív) */
.mw-form--panel .mw-form__form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mw-form--panel .is-full,
.mw-form--panel .mw-form__status { grid-column: 1 / -1; }
.mw-form--panel input,
.mw-form--panel textarea,
.mw-form--panel select {
	width: 100%;
	font-family: var(--wp--preset--font-family--body);
	font-size: 17px;
	color: var(--wp--preset--color--primary);
	background: #fff;
	border: 1px solid transparent;
	border-radius: 6px;
	padding: 18px 20px;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
	appearance: none;
	-webkit-appearance: none;
}
.mw-form--panel textarea { min-height: 140px; resize: vertical; }
.mw-form--panel select {
	background: #FBFAF6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%230E2C48' stroke-width='2'%3E%3Cpath d='M2 5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 20px center;
	padding-right: 48px;
}
.mw-form--panel select:has(option:checked[value=""]) { color: var(--wp--preset--color--muted); }
.mw-form--panel ::placeholder { color: var(--wp--preset--color--muted); }
.mw-form--panel input:focus,
.mw-form--panel textarea:focus,
.mw-form--panel select:focus { border-color: var(--wp--preset--color--accent); box-shadow: 0 0 0 3px rgba(185, 154, 74, .2); }
.mw-form--panel fieldset { border: 0; padding: 0; margin: 10px 0 4px; }
.mw-form--panel legend { font-family: var(--wp--preset--font-family--display); font-size: 18px; font-weight: 500; margin-bottom: 12px; }
.mw-form--panel legend small { font-family: var(--wp--preset--font-family--body); font-size: 13px; color: var(--wp--preset--color--muted); font-weight: 400; margin-left: 6px; }
.mw-form--panel .mw-checks { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.mw-form--panel .mw-checks label { display: flex; align-items: center; gap: 10px; font-size: 17px; cursor: pointer; min-height: 44px; }
.mw-form--panel .mw-checks input {
	width: 20px; height: 20px; padding: 0;
	border-radius: 4px;
	border: 1px solid var(--wp--preset--color--border);
	display: grid;
	place-content: center;
	cursor: pointer;
}
.mw-form--panel .mw-checks input:checked { background: var(--wp--preset--color--primary); border-color: var(--wp--preset--color--primary); }
.mw-form--panel .mw-checks input:checked::after {
	content: "";
	width: 10px; height: 6px;
	border: 2px solid #fff;
	border-top: 0; border-right: 0;
	transform: rotate(-45deg) translate(1px, -1px);
}
.mw-form--panel .mw-cond { display: none; }
.mw-form--panel .mw-cond.is-on { display: block; }
.mw-form--panel .mw-form__submit {
	justify-self: start;
	margin-top: 10px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0;
	text-transform: none;
	padding: 17px 32px;
	transition: gap .25s, transform var(--mw-fast);
}
.mw-form--panel .mw-form__submit:hover { gap: 16px; }
.mw-form--panel .mw-form__note { font-size: 13px; color: var(--wp--preset--color--muted); margin: 4px 0 0; }
@media (max-width: 560px) { .mw-form--panel .mw-form__form { grid-template-columns: 1fr; } }

/* --- Kapcsolati panel (off-canvas) ---------------------------------------- */
.mw-cp-part { margin: 0 !important; }
body:not(.editor-styles-wrapper) .mw-cp {
	position: fixed;
	top: 0; right: 0;
	height: 100%;
	width: min(640px, 100%);
	margin: 0;
	z-index: 210;
	overflow-y: auto;
	overscroll-behavior: contain;
	visibility: hidden;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .6s;
	box-shadow: -30px 0 80px -30px rgba(0, 0, 0, .5);
	font-size: 17px;
	line-height: 1.6;
}
body.mw-panel-open { overflow: hidden; }
body.mw-panel-open .mw-cp {
	visibility: visible;
	transform: none;
	transition: transform .6s cubic-bezier(.22, 1, .36, 1), visibility 0s;
}
.mw-overlay {
	position: fixed;
	inset: 0;
	background: rgba(16, 46, 70, .68);
	opacity: 0;
	visibility: hidden;
	transition: opacity .45s, visibility .45s;
	z-index: 200;
}
body.mw-panel-open .mw-overlay { opacity: 1; visibility: visible; }
.mw-cp__close {
	position: sticky;
	top: 16px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px; height: 44px;
	margin: -16px -16px -60px auto;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--panel);
	color: var(--wp--preset--color--primary);
	cursor: pointer;
	transition: background-color .2s;
}
.mw-cp__close:hover { background: #E8E3D8; }
.mw-cp__title {
	margin: 24px 0 0 !important;
	font-size: clamp(40px, 6vw, 72px) !important;
	line-height: 1.08;
	font-weight: 500;
	letter-spacing: -.02em;
	max-width: 10ch;
	color: var(--wp--preset--color--primary);
}
.mw-cp__lead { margin: 24px 0 28px !important; font-size: 16px; line-height: 1.6; }
.mw-cp .mw-form { margin-top: 0 !important; }
.mw-cp.is-sent .mw-form__form > :not(.mw-form__status) { display: none; }
.mw-cp.is-sent .mw-form__status { border: 0; padding: 20px 0; font-size: 19px; max-width: 40ch; }
@media (prefers-reduced-motion: reduce) {
	body:not(.editor-styles-wrapper) .mw-cp, .mw-overlay { transition: none; }
}

/* --- Általános oldal (page.html) ------------------------------------------ */
.mw-page-body .wp-block-post-content > * + * { margin-block-start: var(--wp--preset--spacing--40); }

/* --- Szavanként felúszó címsor (.mw-rise, rise.js) ------------------------ */
.mw-rise { --rise-base: .25s; --rise-step: .1s; --rise-dur: 1s; --rise-ease: cubic-bezier(.2, .7, .1, 1); }
.mw-port-title.mw-rise { --rise-base: .15s; --rise-step: .06s; --rise-dur: .85s; --rise-ease: cubic-bezier(.22, 1, .36, 1); }
.mw-rise:not(.is-split) { opacity: 0; animation: mw-rise-fallback 0s 2.5s forwards; }
@keyframes mw-rise-fallback { to { opacity: 1; } }
.mw-rise .mw-w {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	padding-bottom: .14em;
	margin-bottom: -.14em;
}
.mw-rise .mw-w > span {
	display: inline-block;
	transform: translateY(110%);
	animation: mw-rise var(--rise-dur) var(--rise-ease) forwards;
	animation-delay: calc(var(--rise-base) + var(--i, 0) * var(--rise-step));
}
@keyframes mw-rise { to { transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
	.mw-rise:not(.is-split) { opacity: 1; animation: none; }
	.mw-rise .mw-w > span { transform: none; animation: none; }
}

/* --- Hasábok: a design töréspontjai a core 781 px-es váltása helyett ------- */
/* .split: 2 hasáb 768 px-től, alatta egymás alatt; 1023 px alatt kisebb köz */
@media (min-width: 768px) {
	.wp-block-columns.mw-cols--split { flex-wrap: nowrap !important; }
	.wp-block-columns.mw-cols--split > .wp-block-column { flex-basis: 0 !important; flex-grow: 1; }
}
@media (max-width: 1023px) {
	.wp-block-columns.mw-cols--split { column-gap: var(--wp--preset--spacing--60) !important; }
}
@media (max-width: 767px) {
	.wp-block-columns.mw-cols--split { flex-wrap: wrap !important; }
	.wp-block-columns.mw-cols--split > .wp-block-column { flex-basis: 100% !important; }
}
@media (max-width: 767px) { .mw-form--page .mw-form__submit { width: 100%; } }

/* Lábléc: két gomb (Időpontfoglalás, Weboldal kvíz) – a második áttetsző, fehér kerettel */
.mw-footer .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .55);
}
.mw-footer .wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--wp--preset--color--accent); color: #fff; }
.mw-footer .wp-block-button.is-style-solid-light .wp-block-button__link { border: 1px solid #fff; }

/* Fiókom menüpont: kis ikon */
.mw-nav-account .wp-block-navigation-item__label::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 7px;
	vertical-align: -2px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* WooCommerce kosár ikon a fejlécben – 2.6.6 óta a felső sávban van; ez a szabály csak visszafelé kompatibilitás */
.mw-header .wc-block-mini-cart__button { color: inherit; padding: 8px; }
.mw-header .wc-block-mini-cart__badge {
	background: var(--wp--preset--color--accent) !important;
	color: var(--wp--preset--color--primary) !important;
	border-color: transparent !important;
	font-weight: 600;
}
@media (max-width: 1100px) and (min-width: 600px) {
	.mw-nav .wp-block-navigation__container { gap: 1.5rem !important; }
}

/* Fejléc: a menü (benne a „Fiókom”) és a kosár ikon együtt a jobb szélen */
.mw-header__inner { justify-content: flex-start !important; }
.mw-header__inner > .mw-nav { margin-left: auto; }
.mw-header__inner > .wp-block-woocommerce-mini-cart { margin-left: calc(var(--wp--preset--spacing--50, 32px) * -0.35); }

/* Közepes képernyőn (600–1099 px) a „Fiókom” csak ikonként jelenik meg, hogy a menü egy sorban maradjon. */
@media (min-width: 600px) and (max-width: 1099px) {
	.mw-nav-account .wp-block-navigation-item__label { font-size: 0; letter-spacing: 0; }
	.mw-nav-account .wp-block-navigation-item__label::before { width: 18px; height: 18px; margin-right: 0; vertical-align: -3px; }
	.mw-nav .wp-block-navigation__container { gap: 1.25rem !important; }
	.mw-header__inner { gap: 20px !important; }
}

/* Nyelvválasztó (HU / EN) a fejléc jobb szélén – TranslatePress mellett jelenik meg */
.mw-lang {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: none;
	font-family: var(--wp--preset--font-family--ui);
	font-size: .75rem;
	font-weight: 500;
	letter-spacing: .12em;
	line-height: 1;
	color: inherit;
	margin-left: calc(var(--wp--preset--spacing--50, 32px) * -0.35);
}
.mw-lang__item { color: inherit; text-decoration: none; opacity: .6; padding: 6px 0; transition: opacity var(--mw-base, .2s); }
.mw-lang a.mw-lang__item:hover,
.mw-lang a.mw-lang__item:focus-visible { opacity: 1; }
.mw-lang__item.is-current { opacity: 1; font-weight: 600; box-shadow: inset 0 -1px 0 var(--wp--preset--color--accent); }
.mw-lang__sep { opacity: .35; }
@media (max-width: 599px) {
	.mw-lang { font-size: .6875rem; gap: 4px; margin-left: 0; }
}
/* A TranslatePress saját lebegő választója helyett ezt használjuk. */
#trp-floater-ls { display: none !important; }

/* Gombfeliratok kiegyensúlyozott tördelése (pl. ne maradjon egy szó egyedül a második sorban). */
.wp-element-button, .wp-block-button__link { text-wrap: balance; }

/* Mobilon (≤ 599 px) a fejléc elemei szorosabban: logó · menü · kosár · HU/EN – így 360 px-es
   kijelzőn is kifér minden, és nincs vízszintes görgetés. */
@media (max-width: 599px) {
	.mw-header__inner { gap: 12px !important; }
	.mw-header__inner > .wp-block-woocommerce-mini-cart { margin-left: 0; }
	.mw-header .wc-block-mini-cart__button { padding: 6px; }
	.mw-lang { gap: 3px; letter-spacing: .08em; }
}
@media (max-width: 359px) {
	.mw-logo img { height: 20px; }
	.mw-header__inner { gap: 8px !important; }
}

/* Nagyon keskeny kijelzőn (≤ 380 px) a hosszú magyar szavak se lógjanak ki a címsorokból. */
@media (max-width: 380px) {
	h1, h2, h3, .wp-block-heading { overflow-wrap: break-word; hyphens: auto; }
	.mw-page-hero h1.wp-block-heading { font-size: clamp(1.875rem, 9.5vw, 2.25rem) !important; }
}

/* --- Vissza a lap tetejére ------------------------------------------------- */
.mw-totop {
	position: fixed;
	right: max(20px, env(safe-area-inset-right, 0px));
	bottom: max(20px, env(safe-area-inset-bottom, 0px));
	z-index: 150;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--accent, #B99A4A);
	color: var(--wp--preset--color--primary, #102E46);
	box-shadow: 0 10px 28px -12px rgba(16, 46, 70, .6);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity .3s, transform .3s, visibility 0s linear .3s, background-color .2s;
}
.mw-totop.is-visible { opacity: 1; visibility: visible; transform: none; transition: opacity .3s, transform .3s, visibility 0s, background-color .2s; }
.mw-totop:hover { background: var(--wp--preset--color--accent-light, #D6BE85); }
.mw-totop:focus-visible { outline: 2px solid var(--wp--preset--color--primary, #102E46); outline-offset: 3px; box-shadow: 0 0 0 5px #fff; }
.mw-totop svg { width: 20px; height: 20px; transition: transform .2s; }
.mw-totop:hover svg { transform: translateY(-2px); }
body.mw-panel-open .mw-totop { visibility: hidden; opacity: 0; }
@media (max-width: 600px) { .mw-totop { width: 44px; height: 44px; right: 14px; bottom: 14px; } }
@media (prefers-reduced-motion: reduce) { .mw-totop, .mw-totop svg { transition: none; } }
@media print { .mw-totop { display: none; } }
#main[tabindex="-1"]:focus { outline: none; }

/* 2.9.1: a címekben kiemelt szövegrész (<mark>) sosem kap sárga böngésző-hátteret.
   Ha a szerkesztő elhagyja a mark saját színét, a sötét nyitószakaszban a megszokott
   halvány fehér, máshol a környező szöveg színe marad. */
mark { background-color: transparent; color: inherit; }
.mw-page-hero .wp-block-heading mark:not(.has-accent-color) { color: rgba(255, 255, 255, 0.45); }
