/*
Theme Name: Befektetési Térkép
Theme URI: https://www.befektetesiterkep.hu/
Description: A Befektetési Térkép gyerektémája a Twenty Twenty-Five blokktémára: arculati színek, saját tárhelyről töltött betűk (Inter, Space Grotesk), fejléc a felújított jellel, magyar sablonok.
Author: Befektetési Térkép
Template: twentytwentyfive
Version: 0.3.2
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: befektetesiterkep
*/

:root {
	--bt-ejfekete: #0b0b0d;
	--bt-narancs: #ffa500;
	--bt-logo: #fb6a19;
	--bt-arany: #d18700;
	--bt-mely-arany: #a36a00;
	--bt-barna-arany: #7a4f00;
	--bt-papir: #f6f4ef;
	--bt-vonal: #e4e0d6;
	--bt-szurke: #5c5c63;
	--bt-halvany: #b9b4aa;
	--bt-oldalszel: clamp(16px, 4vw, 32px);
}

:where(a, button, input, select, summary):focus-visible {
	outline: 2px solid var(--bt-narancs);
	outline-offset: 2px;
}

/* ---------- Fejléc ---------- */
header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
}
.bt-fejlec {
	background: var(--bt-ejfekete);
	color: #fff;
	border-bottom: 1px solid #1e1e23;
}
.bt-fejlec__belso {
	max-width: 1280px;
	margin: 0 auto;
	padding: 12px var(--bt-oldalszel);
	gap: 12px 28px;
}
.bt-jel {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: #fff;
	text-decoration: none;
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-weight: 600;
	font-size: 20px;
	letter-spacing: -0.01em;
	white-space: nowrap;
}
.bt-jel:hover,
.bt-jel:focus {
	color: #fff;
}
.bt-jel svg {
	flex: 0 0 auto;
}
.bt-jel__szoveg {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
}
.bt-jel__allapot {
	margin-top: 3px;
	font-family: var(--wp--preset--font-family--inter);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--bt-narancs);
}
.bt-fejlec .bt-fomenu {
	margin-left: auto;
	color: #fff;
}
.bt-fejlec .bt-fomenu a {
	color: #fff;
	text-decoration: none;
}
.bt-fejlec .bt-fomenu a:hover,
.bt-fejlec .bt-fomenu .current-menu-item > a {
	color: var(--bt-narancs);
}
.bt-fejlec .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--bt-ejfekete);
	color: #fff;
	padding: 24px var(--bt-oldalszel);
}
.bt-fejlec .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 18px;
	font-size: 20px;
}
.bt-fejlec__gomb .wp-block-button__link {
	padding: 8px 16px;
	font-size: 15px;
}
@media (max-width: 599px) {
	.bt-jel { font-size: 17px; gap: 10px; }
}

/* ---------- Általános elemek ---------- */
.bt-fo {
	margin-top: 0;
}
.wp-site-blocks > main,
.wp-site-blocks > .bt-fo {
	margin-block-start: 0;
}
.bt-szakasz {
	padding-top: clamp(48px, 7vw, 96px);
	padding-bottom: clamp(48px, 7vw, 96px);
	padding-left: var(--bt-oldalszel);
	padding-right: var(--bt-oldalszel);
}
.bt-sotet {
	background: var(--bt-ejfekete);
	color: #fff;
}
.bt-sotet a:not(.wp-element-button) {
	color: var(--bt-narancs);
}
.bt-sotet a:not(.wp-element-button):hover {
	color: #ffd27a;
}
.bt-sotet .bt-halvany,
.bt-sotet .bt-lead {
	color: #c9c9cf;
}
.bt-papir {
	background: var(--bt-papir);
}
.bt-papir a:not(.wp-element-button) {
	color: var(--bt-barna-arany);
}
.bt-szemoldok {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--bt-mely-arany);
}
.bt-sotet .bt-szemoldok {
	color: var(--bt-narancs);
}
.bt-papir .bt-szemoldok {
	color: var(--bt-barna-arany);
}
.bt-lead {
	font-size: clamp(17px, 1.6vw, 19px);
	line-height: 1.6;
	color: #3d3d43;
	max-width: 62ch;
}
.bt-halvany {
	color: var(--bt-szurke);
	font-size: 14px;
}
.bt-masodlagos .wp-block-button__link {
	background: transparent;
	color: inherit;
	border: 1px solid currentColor;
}
.bt-sotet .bt-masodlagos .wp-block-button__link {
	color: #fff;
}
.bt-masodlagos .wp-block-button__link:hover {
	background: rgba(255, 165, 0, 0.12);
	color: inherit;
}
.bt-cimkek {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bt-cimkek li {
	margin: 0;
}
.bt-cimkek a,
.bt-cimkek span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 4px 14px;
	border: 1px solid var(--bt-vonal);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	color: inherit;
	background: #fff;
}
.bt-cimkek a:hover {
	border-color: var(--bt-mely-arany);
}

/* ---------- Nyitó szakasz ---------- */
.bt-hos {
	gap: clamp(28px, 4vw, 56px);
	align-items: center;
}
.bt-hos h1 {
	font-size: clamp(38px, 5.2vw, 64px);
	margin: 12px 0 18px;
}
.bt-hos h1 em {
	font-style: normal;
	color: var(--bt-narancs);
}
.bt-hos .bt-lead {
	color: #c9c9cf;
}
.bt-szamok {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 40px;
	margin-top: 28px;
	padding-top: 22px;
	border-top: 1px solid #26262c;
}
.bt-szam {
	display: flex;
	flex-direction: column;
	gap: 2px;
	max-width: 220px;
}
.bt-szam b {
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-size: 34px;
	font-weight: 600;
	line-height: 1;
	color: var(--bt-narancs);
	font-variant-numeric: tabular-nums;
}
.bt-szam span {
	font-size: 14px;
	color: #c9c9cf;
	line-height: 1.4;
}
.bt-papir .bt-szam b,
.bt-feher .bt-szam b {
	color: var(--bt-barna-arany);
}
.bt-papir .bt-szam span,
.bt-feher .bt-szam span {
	color: var(--bt-szurke);
}

/* ---------- Kártyák, hírek ---------- */
.bt-kartya {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px;
	border: 1px solid var(--bt-vonal);
	border-radius: 12px;
	background: #fff;
	color: #1a1a1a;
}
.bt-kartya > * {
	margin: 0;
}
.bt-kartya__rovat a {
	color: var(--bt-mely-arany);
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.bt-kartya__cim {
	font-size: 21px;
	line-height: 1.25;
}
.bt-kartya__cim a {
	color: inherit;
	text-decoration: none;
}
.bt-kartya__cim a:hover {
	color: var(--bt-mely-arany);
	text-decoration: underline;
}
.bt-kartya .wp-block-post-excerpt__excerpt {
	margin: 0;
	color: #3d3d43;
	font-size: 16px;
}
.bt-kartya .wp-block-post-excerpt__more-text {
	margin-top: 8px;
	font-weight: 600;
}
.bt-kartya .wp-block-post-date {
	margin-top: auto;
	padding-top: 6px;
}
.bt-hirek .wp-block-post-template {
	gap: 20px;
}
.bt-rovatsav {
	gap: 12px 24px;
	margin-bottom: 26px;
}

/* ---------- Két rovat ---------- */
.bt-rovatok {
	gap: 24px;
}
.bt-rovat {
	height: 100%;
	padding: clamp(22px, 3vw, 34px);
	border-radius: 14px;
	background: #fff;
	border: 1px solid var(--bt-vonal);
}
.bt-rovat > * {
	margin-top: 0;
}
.bt-rovat.bt-rovat--sotet {
	background: #16161a;
	border-color: #26262c;
	color: #fff;
}
.bt-rovat.bt-rovat--sotet .bt-cimkek span {
	background: transparent;
	border-color: #3a3a42;
	color: #fff;
}

/* ---------- Így készül ---------- */
.bt-elvek {
	gap: 24px;
}
.bt-elv {
	border-top: 3px solid var(--bt-narancs);
	padding-top: 16px;
}
.bt-elv h3 {
	font-size: 21px;
	margin: 0 0 8px;
}
.bt-elv p {
	margin: 0;
	color: #3d3d43;
}

/* ---------- Hírlevél sáv ---------- */
.bt-hirlevel {
	background: var(--bt-narancs);
	color: var(--bt-ejfekete);
}
.bt-hirlevel .bt-szemoldok {
	color: var(--bt-ejfekete);
}
.bt-hirlevel a:not(.wp-element-button) {
	color: var(--bt-ejfekete);
}
.bt-hirlevel .wp-block-button__link {
	background: var(--bt-ejfekete);
	color: #fff;
}
.bt-hirlevel .wp-block-button__link:hover {
	background: #26262c;
	color: #fff;
}

/* ---------- Oldalak, cikkek ---------- */
.bt-oldalfej {
	padding-top: clamp(36px, 5vw, 64px);
	padding-bottom: clamp(24px, 3vw, 40px);
	padding-left: var(--bt-oldalszel);
	padding-right: var(--bt-oldalszel);
	border-bottom: 1px solid var(--bt-vonal);
}
.bt-oldalfej h1 {
	font-size: clamp(32px, 4vw, 48px);
	margin: 8px 0 0;
}
.bt-tartalom {
	padding-top: clamp(28px, 4vw, 48px);
	padding-bottom: clamp(48px, 6vw, 80px);
	padding-left: var(--bt-oldalszel);
	padding-right: var(--bt-oldalszel);
}
.bt-cikk-meta {
	gap: 8px 16px;
	color: var(--bt-szurke);
	font-size: 15px;
}
.bt-cikk-meta .wp-block-post-terms a {
	text-decoration: none;
}
.bt-megjegyzes {
	padding: 16px 18px;
	border-radius: 10px;
	background: var(--bt-papir);
	border: 1px solid var(--bt-vonal);
	font-size: 15px;
	color: #3d3d43;
}
.bt-megjegyzes a {
	color: var(--bt-barna-arany);
}
.wp-block-query-pagination {
	margin-top: 36px;
	font-weight: 600;
}

/* ---------- Lábléc ---------- */
.bt-lablec {
	background: var(--bt-ejfekete);
	color: var(--bt-halvany);
	padding: clamp(40px, 6vw, 72px) var(--bt-oldalszel) 28px;
	font-size: 15px;
}
.bt-lablec a {
	color: #fff;
	text-decoration: none;
}
.bt-lablec a:hover {
	color: var(--bt-narancs);
	text-decoration: underline;
}
.bt-lablec h2 {
	font-size: 13px;
	font-family: var(--wp--preset--font-family--inter);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 12px;
}
.bt-lablec ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.bt-lablec .bt-jel {
	font-size: 22px;
}
.bt-lablec__alja {
	gap: 8px 24px;
	margin-top: 36px;
	padding-top: 18px;
	border-top: 1px solid #26262c;
	font-size: 13px;
}
.bt-lablec__alja p {
	margin: 0;
}

/* ---------- Mobil ---------- */
@media (max-width: 781px) {
	.bt-hos {
		flex-direction: column;
	}
	.bt-szamok {
		gap: 14px 28px;
	}
	.bt-szam b {
		font-size: 28px;
	}
}
@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
	}
}

/* ---------- Kiegészítések ---------- */
.bt-cimkek > li {
	display: inline-flex;
}
.bt-sotet .bt-cimkek a,
.bt-rovat--sotet .bt-cimkek a {
	background: transparent;
	border-color: #3a3a42;
	color: #fff;
}
.bt-sotet .bt-cimkek a:hover,
.bt-rovat--sotet .bt-cimkek a:hover {
	border-color: var(--bt-narancs);
	color: #fff;
}
.bt-cimkek a[aria-current="page"] {
	background: var(--bt-ejfekete);
	border-color: var(--bt-ejfekete);
	color: #fff;
}
.bt-tovabb {
	margin-top: 22px;
	font-weight: 600;
}
.bt-parkoldal {
	gap: clamp(24px, 4vw, 48px);
}
.bt-parkoldal > .wp-block-column:last-child {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.bt-parkoldal .bt-kartya {
	height: auto;
}
.bt-parkoldal h2 {
	font-size: 26px;
	margin-top: 36px;
}
.bt-kartya--kiemelt {
	background: var(--bt-papir);
}
.bt-kartya h3 {
	font-size: 20px;
}
.bt-parkarchivum {
	gap: clamp(24px, 4vw, 48px);
}
@media (min-width: 782px) {
	.bt-ragados {
		position: sticky;
		top: 96px;
	}
}
.bt-parkszakasz {
	gap: clamp(28px, 4vw, 56px);
	align-items: center;
}
.bt-parkszakasz .bt-hu-terkep {
	background: #111114;
	border: 1px solid #26262c;
}
.bt-parkhivas {
	margin-top: clamp(40px, 6vw, 72px);
}
.bt-parkhivas .bt-szam b {
	color: var(--bt-narancs);
}
.bt-parkhivas .bt-szam span {
	color: #c9c9cf;
}
.bt-oldalfej .wp-block-post-title {
	font-size: clamp(32px, 4vw, 48px);
	margin: 8px 0 0;
}
.bt-oldalfej.bt-sotet h1 {
	color: #fff;
}
.bt-cikk .bt-oldalfej {
	border-bottom: 0;
}
.bt-tartalom .wp-block-post-content > * + * {
	margin-top: 1.1em;
}
.wp-block-search__button {
	background: var(--bt-narancs);
	color: var(--bt-ejfekete);
	border: 0;
	border-radius: 8px;
	font-weight: 600;
}

/* ---------- Javítások az első ellenőrzés után ---------- */
.bt-fo > .wp-block-group,
.bt-fo > .wp-block-group + .wp-block-group {
	margin-top: 0;
	margin-bottom: 0;
}
.wp-site-blocks > footer.wp-block-template-part {
	margin-block-start: 0;
}
.is-layout-constrained > .bt-lead {
	max-width: 62ch;
	margin-left: max(0px, calc((100% - 1280px) / 2)) !important;
	margin-right: auto !important;
}
.bt-kartya .bt-kartya__cim a {
	color: #1a1a1a;
}
.bt-kartya .bt-kartya__cim a:hover {
	color: var(--bt-mely-arany);
}
.bt-rovat > * + * {
	margin-top: 14px;
}
.bt-rovat h3 {
	font-size: 24px;
	margin-top: 6px;
}
.bt-rovat--sotet a:not(.wp-element-button) {
	color: var(--bt-narancs);
}
.bt-parklista__csoport li span {
	flex: 0 0 auto;
	white-space: nowrap;
}
@media (max-width: 400px) {
	.bt-fejlec .bt-fejlec__gomb {
		display: none;
	}
}
.bt-szakasz > .bt-cimkek,
.bt-oldalfej > .bt-cimkek {
	margin-top: 20px;
}
.bt-szakasz > .bt-hirek {
	margin-top: 24px;
}

/* ---------- Névjegyek (Rólunk: értékesítők) ---------- */
.bt-nevjegyek {
	gap: 14px;
}
.bt-nevjegy {
	padding: 16px 16px;
	border: 1px solid var(--bt-vonal);
	border-radius: 12px;
	background: #fff;
}
.bt-nevjegy > * {
	margin: 0;
}
.bt-nevjegy > * + * {
	margin-top: 6px;
}
.bt-nevjegy p:not(.bt-nevjegy__nev) {
	font-size: 14.5px;
	line-height: 1.6;
}
.bt-nevjegy a {
	color: var(--bt-barna-arany);
	overflow-wrap: break-word;
}