/*
 * Főoldal (blokkszerkesztős „Főoldal” oldal) – a régi views/frontend/welcome/index.php designja.
 * A színek, hátterek, szegélyek és térközök a blokkok beállításai (szerkeszthetők); itt csak a tipográfia,
 * az elrendezés és a díszítések vannak, a blokkok „További CSS-osztály” mezőjében megadott sz-* osztályokra.
 * Frontenden és a blokkszerkesztőben is betöltődik (add_editor_style), rem helyett px (a Bootstrap 3 html 10px).
 */

body.home .navbar { margin-bottom: 0; }

/* a szekciók közé a blokk-elrendezés ne tegyen hézagot */
.sz-home > *,
.sz-home .wp-block-group { margin-top: 0; margin-bottom: 0; }

/* HERO */
.sz-hero { text-align: center; position: relative; overflow: hidden; }
.sz-hero-institution { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; margin: 0 0 10px; }
.sz-hero-title { font-size: clamp(20px, 5vw, 40px); font-weight: 400; letter-spacing: 0.05em; margin: 0 0 12.5px; }
.sz-hero-subtitle { font-size: 17px; font-weight: 300; margin: 0 0 15px; }
.sz-hero-years {
	display: table;
	margin: 0 auto 12.5px !important;
	font-size: 14px;
	letter-spacing: 0.2em;
	border-top: 1px solid rgba(201, 169, 110, 0.3);
	border-bottom: 1px solid rgba(201, 169, 110, 0.3);
	padding: 4px 38px;
}

/* STATS */
.sz-stats-grid { gap: 60px; text-align: center; }
.sz-stat-number { font-size: 36px; font-weight: 300; line-height: 1; margin: 0; }
/* a régi .label (Bootstrap) örökölt: félkövér, nem törik, kis padding */
.sz-stat-label { font-size: 13px; font-weight: 700; line-height: 16px; white-space: nowrap; padding: 2.6px 7.8px 3.9px; text-transform: uppercase; letter-spacing: 1.5px; margin: 0; }

/* INTRO */
.sz-intro p { font-size: 16px; line-height: 1.9; text-align: justify; margin: 0 0 20px; }
.sz-intro a { text-decoration: underline; text-underline-offset: 3px; }

/* KORSZAK-KÁRTYÁK – az egész kártya kattintható (a címben lévő link kifeszítve) */
.sz-periods-grid { gap: 30px; margin: 0; }
.sz-period-card { position: relative; text-align: center; transition: box-shadow 0.3s, transform 0.2s; height: 100%; }
.sz-period-card:hover { box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08); transform: translateY(-2px); }
.sz-period-card a { color: inherit; text-decoration: none; }
.sz-period-card a::after { content: ''; position: absolute; inset: 0; }
.sz-period-title { font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin: 20px 0 10px; }
.sz-period-years { font-size: 28px; font-weight: 300; margin: 0 0 12px; }
.sz-period-text { font-size: 14px; line-height: 1.6; margin: 0 0 10px; }
.sz-period-wip { font-size: 14px; line-height: 1.6; font-style: italic; margin: 0; }

/* SZEKCIÓCÍMEK (a vonal a cím színét követi) */
.sz-section-title { font-size: 13px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; text-align: center; margin: 20px 0 40px; }
.sz-section-title::after { content: ''; display: block; width: 40px; height: 1px; background: currentColor; margin: 12px auto 0; }

/* PROJEKT */
.sz-project-info p { font-size: 15px; line-height: 1.8; text-align: justify; margin: 0 0 16px; }
.sz-note { margin-top: 24px !important; }
.sz-note p { font-size: 14px; line-height: 1.7; text-align: left; margin: 0; }

/* CSAPAT */
.sz-team-leads { text-align: center; margin-bottom: 40px !important; }
.sz-team-names { font-size: 20px; font-weight: 300; margin: 0; }
.sz-team-role { font-size: 13px; text-transform: uppercase; letter-spacing: 2px; margin: 6px 0 0; }
.sz-team-section { margin-bottom: 30px !important; }
.sz-team-section h4 { font-size: 14px; font-weight: 600; margin: 0 0 8px; }
.sz-team-section p { font-size: 15px; line-height: 1.8; margin: 0 0 10px; }

/* FORRÁSOK */
.sz-sources h4 { font-size: 14px; font-weight: 600; margin: 30px 0 12px; }
.sz-sources h4:first-child { margin-top: 0; }
.sz-sources-list { list-style: none; padding: 0; margin: 0 0 10px; }
.sz-sources-list li { font-size: 15px; padding: 4px 0 4px 16px; position: relative; }
.sz-sources-list li::before { content: '—'; position: absolute; left: 0; color: #bbb; }
.sz-bib { font-size: 14px; line-height: 1.8; margin: 0 0 12px; }

/* RÖVIDÍTÉSEK */
.sz-abbreviations p { font-size: 15px; line-height: 1.8; margin: 0 0 10px; }
.sz-abbreviations strong { color: #333; }

@media (max-width: 768px) {
	.sz-hero { padding: 50px 20px 40px !important; }
	.sz-hero-subtitle { font-size: 15px; padding: 0 10px; }
	.sz-intro { padding: 40px 20px !important; }
	.sz-intro p { font-size: 15px; }
	.sz-periods { padding: 0 20px 50px !important; }
	.sz-periods-grid { gap: 16px; }
	.sz-period-card { padding: 25px 20px !important; }
	.sz-period-years { font-size: 24px; }
	.sz-project-info, .sz-team, .sz-sources, .sz-abbreviations { padding: 40px 20px !important; }
	.sz-section-title { font-size: 12px; letter-spacing: 3px; }
	.sz-stats-grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 30px 20px; }
	.sz-stat-number { font-size: 28px; }
	.sz-stat-label { font-size: 11px; letter-spacing: 1px; }
}