/* Service navigation mega menu ------------------------------------------ */

/* Independent selectors keep the knowledge panel out of WordPress card rules. */
.klima-navigation li.klima-knowledge-menu { position: relative !important; }
.klima-navigation .klima-knowledge-menu__toggle {
	background: transparent; color: inherit; border: 0; padding: 5px;
	display: inline-flex; align-items: center; cursor: pointer;
}
.klima-navigation .klima-knowledge-menu__toggle svg { width: 14px; height: 14px; }
.klima-navigation .klima-knowledge-menu__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.klima-navigation .klima-knowledge-menu__panel[hidden] { display: none !important; }
.klima-navigation .klima-knowledge-menu__panel {
	box-sizing: border-box; position: absolute; top: 100%; z-index: 100;
	width: min(900px, calc(100vw - 48px)); padding: 24px;
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px;
	max-height: none; overflow: visible;
	border: 1px solid #dce6f1; border-radius: 18px; background: #fff;
	box-shadow: 0 24px 60px rgba(3, 15, 35, .22); color: #142f58;
	text-align: left; text-transform: none; white-space: normal;
}
.klima-navigation .klima-knowledge-menu__panel h2 {
	margin: 0 0 12px; padding: 0 0 12px; border-bottom: 2px solid #e7edf5;
	color: #142f58; font: inherit; font-size: 15px; font-weight: 850; line-height: 1.4;
}
.klima-navigation .klima-knowledge-menu__panel ul { display: grid; gap: 4px; padding: 0; margin: 0; list-style: none; }
.klima-navigation .klima-knowledge-menu__panel li { margin: 0; padding: 0; list-style: none; }
.klima-navigation .klima-knowledge-menu__panel a {
	display: block; padding: 10px 8px; border-radius: 8px;
	color: #243958; font: inherit; font-size: 14px; font-weight: 650;
	line-height: 1.4; text-transform: none; text-decoration: none; white-space: normal;
}
.klima-navigation .klima-knowledge-menu__panel a:is(:hover, :focus-visible, [aria-current="page"]) {
	background: #eef4fc; color: #075ac6;
}
.klima-navigation .klima-knowledge-menu__toggle:focus-visible,
.klima-navigation .klima-knowledge-menu__panel a:focus-visible { outline: 2px solid #2574ea; outline-offset: 2px; }
.klima-navigation .klima-knowledge-menu__footer {
	grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 12px;
	padding-top: 14px; border-top: 1px solid #e7edf5;
}
.klima-navigation .klima-knowledge-menu__footer a:last-child { background: #142f58; color: #fff; padding-inline: 18px; }
.klima-navigation li.klima-knowledge-menu.has-current-guide > a { color: #ff4966 !important; }
@media (max-width: 1279px) {
	.klima-navigation li.klima-knowledge-menu { display: grid !important; grid-template-columns: minmax(0, 1fr) 44px; }
	.klima-navigation li.klima-knowledge-menu > a { grid-column: 1; grid-row: 1; }
	.klima-navigation li.klima-knowledge-menu > a::after { display: none !important; }
	.klima-navigation .klima-knowledge-menu__toggle { grid-column: 2; grid-row: 1; width: 44px; height: 44px; justify-content: center; color: #fff; }
	.klima-navigation .klima-knowledge-menu__panel {
		position: static; width: 100%; grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr);
		max-height: none; padding: 18px 12px; gap: 20px; margin: 8px 0;
		box-shadow: none; background: #132744; border-color: #354967; color: #fff;
	}
	.klima-navigation .klima-knowledge-menu__panel h2 { color: #92cfff; border-bottom-color: #354967; }
	.klima-navigation .klima-knowledge-menu__panel a { color: #fff; }
	.klima-navigation .klima-knowledge-menu__panel a:is(:hover, :focus-visible, [aria-current="page"]) { background: #244469; color: #fff; }
	.klima-navigation .klima-knowledge-menu__footer { flex-direction: column; border-top-color: #354967; }
}

@media (min-width: 1280px) {
	.klima-navigation li.klima-services-menu {
		position: relative !important;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation-item__content {
		display: inline-flex !important;
		align-items: center;
		gap: 7px;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-icon {
		width: 15px;
		height: 15px;
		margin-left: 5px;
		color: #fff;
		transition: transform 180ms ease;
	}

	.klima-navigation li.klima-services-menu:is(:hover, :focus-within) > .wp-block-navigation__submenu-icon {
		transform: rotate(180deg);
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container {
		position: absolute !important;
		box-sizing: border-box !important;
		top: calc(100% - 10px) !important;
		left: -24px !important;
		width: min(680px, calc(100vw - 48px)) !important;
		min-width: 680px !important;
		height: auto !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px !important;
		padding: 22px !important;
		border: 1px solid #dce6f1 !important;
		border-radius: 18px !important;
		background: #fff !important;
		box-shadow: 0 24px 60px rgba(3, 15, 35, 0.22) !important;
		color: #10162c !important;
		overflow: hidden !important;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transform: translateY(8px);
		transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
	}

	.klima-navigation li.klima-services-menu:is(:hover, :focus-within) > .wp-block-navigation__submenu-container,
	.klima-navigation li.klima-services-menu > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container[style*="visibility: visible"] {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container::before {
		grid-column: 1 / -1;
		display: block;
		margin: -2px 2px 4px;
		color: #65748b;
		content: "Miben segíthetünk? Válasszon szolgáltatást.";
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 0.01em;
	}

	.klima-navigation li.klima-services-menu .wp-block-navigation-item {
		width: auto !important;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content {
		box-sizing: border-box;
		width: 100% !important;
		min-height: 98px;
		display: flex !important;
		flex-direction: column;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 7px;
		padding: 17px 18px !important;
		border: 1px solid #e1e8f0 !important;
		border-radius: 13px;
		background: #f8fafc;
		color: #10162c !important;
		font-size: 15px !important;
		font-weight: 900 !important;
		letter-spacing: 0 !important;
		line-height: 1.2 !important;
		white-space: normal !important;
		text-decoration: none !important;
		transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content::before {
		display: block;
		color: #64748b;
		content: "";
		font-family: inherit;
		font-size: 12px;
		font-weight: 650;
		line-height: 1.45;
		text-transform: none;
		order: 2;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li.klima-services-menu__installation .wp-block-navigation-item__content::before {
		content: "Új klíma szakszerű telepítése Miskolcon és környékén.";
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li.klima-services-menu__maintenance .wp-block-navigation-item__content::before {
		content: "Tisztítás, állapotellenőrzés és időszakos karbantartás.";
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li.klima-services-menu__repair .wp-block-navigation-item__content::before {
		content: "Hibafeltárás és javítás már működő berendezésekhez.";
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li.klima-services-menu__ozone .wp-block-navigation-item__content::before {
		content: "Helyiségek és járművek szakszerű ózonos kezelése.";
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content::after {
		display: none !important;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content:is(:hover, :focus-visible),
	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li.is-current-page > .wp-block-navigation-item__content {
		border-color: #ff3556 !important;
		background: #fff5f7;
		color: #b71135 !important;
		transform: translateY(-1px);
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li.klima-services-menu__all {
		grid-column: 1 / -1;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li.klima-services-menu__all .wp-block-navigation-item__content {
		min-height: 54px;
		flex-direction: row;
		align-items: center !important;
		justify-content: space-between !important;
		border-color: #142f58 !important;
		background: #142f58;
		color: #fff !important;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li.klima-services-menu__all .wp-block-navigation-item__content::before {
		content: "Időpontkérés és részletes áttekintés  →";
		color: #dce9f8;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li.klima-services-menu__all .wp-block-navigation-item__content:is(:hover, :focus-visible) {
		border-color: #ff3556 !important;
		background: #ff3556;
		color: #fff !important;
	}

	.klima-navigation li.klima-services-menu.has-current-service > .wp-block-navigation-item__content,
	.klima-navigation li.klima-services-menu.has-current-service > .wp-block-navigation-submenu__toggle {
		color: #ff4966 !important;
	}
}

@media (max-width: 1279px) {
	.klima-navigation li.klima-services-menu {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation-item__content {
		grid-column: 1;
		grid-row: 1;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation-item__content::after {
		display: none !important;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-icon {
		grid-column: 2;
		grid-row: 1;
		width: 44px !important;
		height: 44px !important;
		display: grid !important;
		place-items: center;
		margin: 0 !important;
		padding: 13px !important;
		border: 0 !important;
		background: transparent !important;
		color: #fff !important;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container {
		position: static !important;
		grid-column: 1 / -1;
		width: 100% !important;
		min-width: 0 !important;
		display: none !important;
		gap: 2px;
		padding: 4px 0 9px 16px !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-icon svg {
		width: 16px !important;
		height: 16px !important;
	}

	.klima-navigation li.klima-services-menu:focus-within > .wp-block-navigation__submenu-container,
	.klima-navigation li.klima-services-menu > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container[style*="visibility: visible"] {
		display: grid !important;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content {
		padding: 11px 4px !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		letter-spacing: 0.015em !important;
		text-transform: none !important;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content::before {
		display: none !important;
	}

	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content::after {
		position: static !important;
		width: auto !important;
		height: auto !important;
		margin-left: auto !important;
		background: transparent !important;
		color: #ff4966 !important;
		content: "→" !important;
		opacity: 1 !important;
		transform: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container,
	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content,
	.klima-navigation li.klima-services-menu > .wp-block-navigation__submenu-icon {
		transition: none !important;
	}
}

/* 1.0.681: illustrated knowledge mega menu, scoped away from service cards. */
.klima-navigation .klima-knowledge-menu__panel {
 width: min(1240px, calc(100vw - 48px)); padding: 12px;
 grid-template-columns: .95fr repeat(3, minmax(0, 1fr)); gap: 16px;
 border-radius: 22px; background: #fff; color: #12335f;
}
.klima-navigation .klima-knowledge-menu__intro {
 grid-row: span 2; display: flex; flex-direction: column; min-width: 0;
 padding: 24px; border-radius: 14px; background: linear-gradient(135deg,#e5f7fc,#dff4fb);
}
.klima-navigation .klima-knowledge-menu__eyebrow { font-size: 12px; color: #ff4753; letter-spacing: .04em; }
.klima-navigation .klima-knowledge-menu__intro h2 {
 margin: 12px 0; padding: 0; border: 0; color: #092a50; font-size: 29px; line-height: 1.15; font-weight: 850;
}
.klima-navigation .klima-knowledge-menu__panel p { margin: 0 0 16px; color: #56718e; font-size: 15px; line-height: 1.5; font-weight: 400; }
.klima-navigation .klima-knowledge-menu__art { display: block; width: 100%; height: auto; max-height: 210px; margin: auto 0 14px; }
.klima-navigation .klima-knowledge-menu__intro > a { align-self: flex-start; border: 1px solid #0085a7; padding: 10px 16px; color: #12335f; }
.klima-navigation .klima-knowledge-menu__group { min-width: 0; padding: 18px; border: 1px solid #e0e8f0; border-radius: 14px; }
.klima-navigation .klima-knowledge-menu__icon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 12px; border-radius: 50%; color: #269c77; background: #e0f4ee; }
.klima-navigation .klima-knowledge-menu__icon svg { width: 31px; height: 31px; }
.klima-navigation .klima-knowledge-menu__group:nth-of-type(2) .klima-knowledge-menu__icon { color: #f47656; background: #ffebe2; }
.klima-navigation .klima-knowledge-menu__group:nth-of-type(3) .klima-knowledge-menu__icon { color: #087fb1; background: #e1f2ff; }
.klima-navigation .klima-knowledge-menu__group h2 { border: 0; margin: 0 0 6px; padding: 0; font-size: 19px; color: #12335f; }
.klima-navigation .klima-knowledge-menu__group ul { gap: 0; }
.klima-navigation .klima-knowledge-menu__group li { border-top: 1px solid #e5edf3; }
.klima-navigation .klima-knowledge-menu__group a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; min-height: 44px; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #12335f; }
.klima-navigation .klima-knowledge-menu__group a::after { content: '›'; color: #0085a7; font-size: 24px; line-height: 1; }
.klima-navigation .klima-knowledge-menu__footer { grid-column: 2 / -1; align-items: center; padding-top: 10px; }
.klima-navigation .klima-knowledge-menu__footer a:first-child { color: #12335f; }
.klima-navigation .klima-knowledge-menu__footer a:first-child::before { content: '?'; display: inline-grid; place-items: center; width: 30px; height: 30px; margin-right: 12px; border-radius: 50%; background: #ff4953; color: #fff; font-size: 23px; }
.klima-navigation .klima-knowledge-menu__footer a:last-child { background: #0085a0; color: #fff; }
@media (max-width: 1279px) {
 .klima-navigation .klima-knowledge-menu__panel { width: 100%; grid-template-columns: minmax(0,1fr); gap: 12px; padding: 12px; background: #fff; }
 .klima-navigation .klima-knowledge-menu__intro { grid-row: auto; padding: 18px; }
 .klima-navigation .klima-knowledge-menu__intro h2 { font-size: 24px; }
 .klima-navigation .klima-knowledge-menu__art { display: none; }
 .klima-navigation .klima-knowledge-menu__footer { grid-column: 1; align-items: stretch; border-color: #e5edf3; }
}

/* Illustrated services panel. Keep native WordPress links and submenu controls. */
.klima-navigation li.klima-services-rich > .wp-block-navigation__submenu-container {
 box-sizing: border-box !important; width: min(1240px, calc(100vw - 48px)) !important;
 min-width: 0 !important; max-height: none !important; height: auto !important;
 grid-template-columns: .85fr repeat(2,minmax(0,1.2fr)); gap: 16px !important;
 padding: 12px !important; border: 1px solid #dce6f1 !important;
 border-radius: 22px !important; background: #fff !important; overflow: visible !important;
 left: var(--klima-services-left,-24px) !important; top: 100% !important;
 color: #12335f !important; text-transform: none; white-space: normal;
}
.klima-navigation li.klima-services-rich > .wp-block-navigation__submenu-container::before { display: none !important; }
.klima-navigation .klima-services-rich__intro {
 grid-column: 1; grid-row: 1 / span 3; display: flex !important; flex-direction: column;
 min-width: 0; padding: 24px !important; margin: 0 !important; border-radius: 14px;
 background: linear-gradient(135deg,#e5f7fc,#dff4fb); color: #12335f;
}
.klima-navigation .klima-services-rich__eyebrow { color: #ff4753; font-size: 12px; font-weight: 500; }
.klima-navigation .klima-services-rich__intro h2 { margin: 12px 0; color: #092a50; font-size: 30px; font-weight: 850; line-height: 1.15; }
.klima-navigation .klima-services-rich__intro p { margin: 0 0 12px; color: #56718e; font-size: 16px; line-height: 1.5; font-weight: 400; }
.klima-navigation .klima-services-rich__art { display: block; width: 100%; height: auto; margin: auto 0 12px; max-height: 190px; }
.klima-navigation li.klima-services-rich .klima-services-rich__all-link,
.klima-navigation li.klima-services-rich .klima-services-rich__footer a {
 display: block; padding: 12px 16px !important; border: 1px solid #0085a7;
 border-radius: 10px; color: #12335f !important; font-size: 15px; font-weight: 750;
 text-decoration: none; text-transform: none !important; line-height: 1.4;
}
.klima-navigation li.klima-services-rich > .wp-block-navigation__submenu-container > li:not(.klima-services-rich__intro):not(.klima-services-rich__footer) { display: flex; min-width: 0; margin: 0 !important; padding: 0 !important; }
.klima-navigation li.klima-services-rich > .wp-block-navigation__submenu-container > li > a.wp-block-navigation-item__content {
 display: flex !important; flex-direction: row !important; align-items: center !important;
 gap: 20px !important; padding: 24px 20px !important; min-height: 170px;
 background: #fff; border: 1px solid #e0e8f0 !important; border-radius: 14px;
 text-transform: none !important; color: #12335f !important; width: 100% !important;
}
.klima-navigation li.klima-services-rich > .wp-block-navigation__submenu-container > li > a.wp-block-navigation-item__content::before { display: none !important; content: none !important; }
.klima-navigation li.klima-services-rich > .wp-block-navigation__submenu-container > li > a.wp-block-navigation-item__content::after { display: block !important; position: static !important; content: '›' !important; width: auto !important; height: auto !important; color: #0085a7 !important; background: none !important; font-size: 28px; opacity: 1 !important; transform: none !important; }
.klima-navigation .klima-services-rich__icon { display: grid; place-items: center; flex: 0 0 76px; width: 76px; height: 76px; border-radius: 50%; color: #169b86; background: #e3f4ef; }
.klima-navigation .klima-services-rich__icon svg { width: 40px; height: 40px; }
.klima-navigation .klima-services-menu__maintenance .klima-services-rich__icon { color: #ff6956; background: #ffeae4; }
.klima-navigation .klima-services-menu__repair .klima-services-rich__icon { color: #087fb1; background: #e1f2ff; }
.klima-navigation .klima-services-menu__ozone .klima-services-rich__icon { color: #514392; background: #eeeafa; }
.klima-navigation .klima-services-rich__copy { display: grid; gap: 10px; min-width: 0; flex: 1; }
.klima-navigation .klima-services-rich__copy strong { color: #12335f; font-size: 20px; font-weight: 800; line-height: 1.2; }
.klima-navigation .klima-services-rich__copy > span { color: #56718e; font-size: 15px; font-weight: 400; line-height: 1.45; }
.klima-navigation .klima-services-rich__footer { grid-column: 2 / -1; display: flex !important; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0 0 !important; border-top: 1px solid #e5edf3; color: #12335f; font-size: 16px; font-weight: 750; }
.klima-navigation .klima-services-rich__footer > span > span { color: #ff4953; font-size: 30px; margin-right: 12px; }
.klima-navigation li.klima-services-rich .klima-services-rich__footer a { background: #0085a0; color: #fff !important; white-space: nowrap; }
.klima-navigation li.klima-services-rich a:focus-visible { outline: 3px solid #2574ea; outline-offset: 2px; }
@media (max-width: 1279px) {
 .klima-navigation li.klima-services-rich > .wp-block-navigation__submenu-container { width: 100% !important; grid-template-columns: minmax(0,1fr); }
 .klima-navigation .klima-services-rich__intro { grid-row: auto; padding: 18px !important; }
 .klima-navigation .klima-services-rich__intro h2 { font-size: 26px; }
 .klima-navigation .klima-services-rich__art { display: none; }
 .klima-navigation li.klima-services-rich > .wp-block-navigation__submenu-container > li > a.wp-block-navigation-item__content { min-height: 120px; padding: 16px !important; gap: 12px !important; }
 .klima-navigation .klima-services-rich__icon { flex-basis: 48px; width: 48px; height: 48px; }
 .klima-navigation .klima-services-rich__icon svg { width: 28px; height: 28px; }
 .klima-navigation .klima-services-rich__copy strong { font-size: 17px; }
 .klima-navigation .klima-services-rich__copy > span { font-size: 14px; }
 .klima-navigation .klima-services-rich__footer { grid-column: 1; flex-direction: column; align-items: stretch; }
}