/* Fűtésszerelés – oldal stílusok (jarch-migrator plugin) */
:root {
	--jarch-brand: #ad7544;
	--jarch-brand-dark: #8f5c33;
	--jarch-dark: #2f2c2a;
	--jarch-soft: #f6f3ef;
	--jarch-font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

body {
	font-family: var(--jarch-font);
	color: #4a4543;
	line-height: 1.8;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
	font-family: var(--jarch-font);
	font-weight: 700;
	color: #1f1d1c;
}

/* ---------- Fejlécsáv (telefon, e-mail) ---------- */
.jarch-topbar {
	background: #3a3a3a;
	color: #fff;
	font-size: 0.9rem;
	line-height: 1.4;
}
.jarch-topbar .jarch-wrap {
	max-width: 1290px;
	margin: 0 auto;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px 28px;
	flex-wrap: wrap;
}
.jarch-topbar a {
	color: #fff;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.jarch-topbar a:hover {
	color: #e5b98e;
}
.jarch-topbar .jarch-contact {
	display: flex;
	gap: 8px 30px;
	flex-wrap: wrap;
}
.jarch-topbar svg,
.jarch-footer svg {
	width: 16px;
	height: 16px;
	flex: none;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* ---------- Menü ---------- */
.header-navigation .header-menu-container ul li.menu-item > a {
	font-weight: 500;
}
/* Almenü: fehér panel a fölső menüpont ALATT, minden állapotban olvasható */
.header-navigation ul li.menu-item { position: relative; }
.header-navigation ul ul.sub-menu {
	top: 100% !important;
	margin-top: 0 !important;
	background: #fff !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
	border-top: 3px solid var(--jarch-brand);
	z-index: 9999;
}
.header-navigation ul ul.sub-menu li.menu-item,
.header-navigation ul ul.sub-menu li.menu-item > .drop-down-item,
.header-navigation ul ul.sub-menu li.menu-item > a {
	background: #fff !important;
	color: #333 !important;
	border-bottom: 1px solid #eee;
}
.header-navigation ul ul.sub-menu li.menu-item:last-child > a { border-bottom: 0; }
.header-navigation ul ul.sub-menu li.menu-item > a:hover,
.header-navigation ul ul.sub-menu li.menu-item > a:focus,
.header-navigation ul ul.sub-menu li.menu-item:hover > a {
	background: var(--jarch-soft) !important;
	color: var(--jarch-brand) !important;
}
/* az aktuális oldal az almenüben: csak barna szöveg + bal csík, nem sötét háttér */
.header-navigation ul ul.sub-menu li.current-menu-item > a,
.header-navigation ul ul.sub-menu li.current_page_item > a,
.header-navigation ul ul.sub-menu li.current-menu-ancestor > a {
	background: #fff !important;
	color: var(--jarch-brand) !important;
	font-weight: 700;
	box-shadow: inset 3px 0 0 var(--jarch-brand);
}
.site-branding a.brand img,
.site-branding img.custom-logo {
	max-width: 300px !important;
	height: auto;
}

/* ---------- Gombok ---------- */
.wp-block-button__link {
	border-radius: 4px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.82rem;
	padding: 0.95em 2em;
	transition: background-color 0.25s ease, transform 0.25s ease;
}
.wp-block-button__link:hover {
	background-color: var(--jarch-brand-dark) !important;
	transform: translateY(-2px);
}

/* ---------- Főoldal ---------- */
.jarch-hero {
	background-image: linear-gradient(135deg, #2f2c2a 0%, #4a4038 100%) !important;
}

/* Szekciócímek: körvonalas betű, egérrel kitöltődik */
.jarch-title {
	width: fit-content;
	max-width: 100%;
	font-size: clamp(2.4rem, 6vw, 4.6rem) !important;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.5px;
	color: transparent !important;
	-webkit-text-stroke: 1px #3b3836;
	transition: color 0.35s ease, -webkit-text-stroke-color 0.35s ease;
}
.jarch-title.has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}
.jarch-title:hover {
	color: #1a1817 !important;
	-webkit-text-stroke-color: #1a1817;
}
.jarch-title::after {
	content: "";
	display: inline-block;
	width: 56px;
	height: 2px;
	margin-left: 16px;
	background: var(--jarch-brand);
	vertical-align: middle;
}
/* Érintőképernyőn nincs "rámozgatás": ott eleve kitöltött a betű */
@media (hover: none) {
	.jarch-title {
		color: #1a1817 !important;
		-webkit-text-stroke: 0;
	}
}

/* "35 Év tapasztalat" doboz */
.jarch-years {
	background: #fff;
	border-left: 3px solid var(--jarch-brand);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
	padding: 14px 28px;
	margin: 12px 0 26px;
}
.jarch-years p {
	margin: 0;
	font-size: 1.25rem;
}

/* Fotó fehér kerettel, mögötte pontozott minta */
.jarch-photo {
	position: relative;
	z-index: 0;
}
.jarch-photo img {
	display: block;
	width: 100%;
	height: auto;
	border: 10px solid #fff;
	box-shadow: 0 14px 44px rgba(0, 0, 0, 0.16);
}
.jarch-photo a {
	display: block;
	outline: 0;
}
.jarch-photo::after {
	content: "";
	position: absolute;
	right: -34px;
	bottom: -26px;
	width: 60%;
	height: 75%;
	background-image: radial-gradient(#cdc7c0 1.6px, transparent 1.7px);
	background-size: 13px 13px;
	z-index: -1;
}
@media (max-width: 781px) {
	.jarch-photo::after {
		display: none;
	}
}

/* Pipás lista */
.jarch-checks {
	list-style: none;
	padding: 0;
	margin: 20px 0 0;
}
.jarch-checks li {
	position: relative;
	padding-left: 30px;
	margin: 10px 0;
	font-weight: 500;
}
.jarch-checks li::before {
	content: "";
	position: absolute;
	left: 3px;
	top: 0.45em;
	width: 7px;
	height: 12px;
	border: solid var(--jarch-brand);
	border-width: 0 2.5px 2.5px 0;
	transform: rotate(45deg);
}

/* Szolgáltatás-kártyák: egyforma magasság, kép 4:3, gomb alul */
.jarch-cards {
	margin-top: 40px;
}
.jarch-cards > .wp-block-column {
	display: flex;
}
.jarch-card {
	width: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.jarch-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}
.jarch-card img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 6px;
}
.jarch-card h3 {
	margin-top: 18px;
}
.jarch-card .wp-block-buttons {
	margin-top: auto;
	padding-top: 14px;
}

/* ---------- Lábléc ---------- */
#colophon {
	display: none;
}
.jarch-footer {
	background: #111;
	color: #cfcac5;
	font-size: 0.95rem;
	line-height: 1.7;
}
.jarch-footer .jarch-wrap {
	max-width: 1290px;
	margin: 0 auto;
	padding: 70px 20px 44px;
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr;
	gap: 48px;
}
.jarch-footer h3 {
	color: #fff;
	font-size: 1.15rem;
	margin: 0 0 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid #3a3836;
}
.jarch-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.jarch-footer li {
	margin: 9px 0;
}
.jarch-footer a {
	color: #cfcac5;
	text-decoration: none;
}
.jarch-footer a:hover {
	color: #e5b98e;
}
.jarch-footer .jarch-links li::before {
	content: "→";
	color: var(--jarch-brand);
	margin-right: 10px;
}
.jarch-footer .jarch-contact-list li {
	display: flex;
	align-items: center;
	gap: 10px;
}
.jarch-footer .jarch-contact-list svg {
	color: var(--jarch-brand);
}
.jarch-footer .jarch-footer-logo {
	max-width: 240px;
	height: auto;
	margin-bottom: 18px;
}
.jarch-footer .jarch-footer-name {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	margin-bottom: 14px;
}
.jarch-footer-bottom {
	background: var(--jarch-brand);
	color: #fff;
	font-size: 0.82rem;
	text-align: center;
	padding: 13px 20px;
}
@media (max-width: 781px) {
	.jarch-footer .jarch-wrap {
		grid-template-columns: 1fr;
		gap: 32px;
		padding: 50px 20px 30px;
	}
}

/* ---------- Fejléc: szöveges név (ha nincs logókép): nagy, csupa nagybetű, ikonnal ---------- */
.site-branding .site-title,
.site-branding .site-title a {
	text-transform: uppercase;
	font-size: clamp(1.6rem, 3.2vw, 2.4rem);
	font-weight: 800;
	letter-spacing: 0.01em;
	color: #3a3a3a;
}
.site-branding .site-title a::before {
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.45em;
	vertical-align: -0.35em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M6 30 32 6l26 24v28H6z' fill='%23a09a96' stroke='%23e2231a' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M18 58V40h6v12h4V40h6v12h4V40h6v18' fill='none' stroke='%23e8731a' stroke-width='4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.site-branding .custom-logo-link + .site-title-wrap,
.wp-custom-logo .site-branding .site-title a::before { display: none; }

/* Oldalsáv (címkefelhő) elrejtése tartalék megoldásként */
.has-sidebar .content-container.site-container { display: block; }
#secondary.widget-area { display: none; }