/*
Theme Name: Pracownia Franciszka Masiaka
Template: twentytwentyfive
Description: Motyw potomny Twenty Twenty-Five dla Pracowni Franciszka Masiaka. Pastelowy niebieski, kropki, duże litery.
Version: 1.1
Requires at least: 6.6
Text Domain: pracownia-masiaka
*/

:root {
	--m-blekit: #BFCAD6;
	--m-granat: #546A80;
	--m-czern: #111111;
	--m-jasne: #F4F2EE;
}

/* ---------- kropki ---------- */
.kropki {
	background-color: var(--m-blekit);
	background-image: radial-gradient(circle, #ffffff 0 7px, transparent 8px);
	background-size: 34px 34px;
	min-height: 68px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.kropki.cienkie { min-height: 28px; }

/* ---------- nagłówek ---------- */
.naglowek {
	padding-top: 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid #e5e5e5;
}
.naglowek .wp-block-site-title {
	font-family: Montserrat, sans-serif;
	font-weight: 900;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	line-height: 1.05;
	max-width: 13em;
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
}
.naglowek .wp-block-site-title::before {
	content: "";
	flex: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--m-blekit);
}
.naglowek .wp-block-site-title a { color: var(--m-czern); text-decoration: none; }
.menu-glowne {
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	gap: 8px 32px;
}
.menu-glowne a { text-decoration: none; color: var(--m-czern); }
.menu-glowne a:hover,
.menu-glowne .current-menu-item > a { color: var(--m-granat); }

/* ---------- strona główna: zdjęcie otwierające ---------- */
.hero { padding: 0 40px 64px !important; }
.hero .wp-block-cover__inner-container { max-width: 1360px; margin: 0 auto; width: 100%; }
.hero-tytul {
	color: #fff;
	font-size: clamp(40px, 8vw, 104px) !important;
	line-height: 0.9 !important;
	letter-spacing: -0.02em;
	margin: 0;
}
.hero-daty {
	color: #fff;
	font-family: Montserrat, sans-serif;
	font-weight: 800;
	font-size: 28px;
	margin-top: 16px;
}

/* ---------- sekcje ---------- */
.sekcja { padding-top: 88px; padding-bottom: 88px; }
.tlo-jasne { background: var(--m-jasne); margin-top: 0 !important; }
.tytul-sekcji { font-size: clamp(40px, 5vw, 64px) !important; margin: 0 0 24px; }
.tytul-strony { font-size: clamp(56px, 8vw, 96px) !important; line-height: 0.9 !important; margin: 72px 0 24px; }
.lead {
	font-family: Montserrat, sans-serif;
	font-weight: 800;
	font-size: clamp(26px, 3vw, 40px);
	line-height: 1.15;
}
.link-dalej a,
a.link-dalej {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: none;
	color: var(--m-granat);
}
.link-dalej a:hover { text-decoration: underline; }

/* ---------- wydarzenia ---------- */
.karta-wydarzenia {
	border: 2px solid var(--m-czern);
	padding: 32px;
	height: 100%;
	box-sizing: border-box;
}
.karta-wydarzenia::before {
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--m-blekit);
	margin-bottom: 20px;
}
.karta-wydarzenia .wp-block-post-title { font-size: 26px; text-transform: none; font-weight: 800; line-height: 1.2; }
.karta-wydarzenia .wp-block-post-title a { color: var(--m-czern); text-decoration: none; }
.karta-wydarzenia .wp-block-read-more { color: var(--m-granat); font-weight: 600; }

/* ---------- siatka rzeźb ---------- */
.siatka-prac .wp-block-post-featured-image { margin-bottom: 10px; background: #e9e6e1; }
.siatka-prac .wp-block-post-featured-image img { transition: opacity .2s; }
.siatka-prac .wp-block-post-featured-image a:hover img { opacity: .85; }
.siatka-prac .wp-block-post-title {
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.35;
	margin: 0;
}
.siatka-prac .wp-block-post-title a { color: var(--m-czern); text-decoration: none; }
.siatka-prac .wp-block-post-title a:hover { color: var(--m-granat); }

/* ---------- karta rzeźby ---------- */
.karta-rzezby-tytul { font-size: clamp(40px, 5vw, 56px) !important; margin: 24px 0 32px; }
.dane-rzezby {
	border-top: 2px solid var(--m-czern);
	padding-top: 20px;
	margin-top: 32px;
}
.dane-rzezby p { margin: 0 0 10px; }
.nawigacja-prac { border-top: 1px solid #ddd; padding-top: 24px; margin-top: 64px; }
.nawigacja-prac a { color: var(--m-granat); font-weight: 600; text-decoration: none; }

/* ---------- historia ---------- */
.os-czasu { border-top: 2px solid var(--m-czern); }
.os-czasu p { padding: 16px 0; margin: 0; border-bottom: 1px solid #ddd; }
.os-czasu strong {
	display: inline-block;
	min-width: 90px;
	font-family: Montserrat, sans-serif;
	font-weight: 900;
	font-size: 22px;
	color: var(--m-granat);
}

/* ---------- stopka ---------- */
.stopka { padding: 56px 40px; margin-top: 96px !important; }
.stopka-ramka {
	background: #fff;
	padding: 32px 40px;
	max-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
}
.stopka-nazwa {
	font-family: Montserrat, sans-serif;
	font-weight: 900;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0;
}
.stopka-ramka a { color: var(--m-czern); }

@media (max-width: 600px) {
	.hero { padding: 0 20px 40px !important; }
	.stopka { padding: 32px 16px; }
	.stopka-ramka { padding: 24px; }
}