/*
Theme Name: Ireneusz Haczewski
Theme URI: https://ireneusz.haczewski.pl
Description: Motyw blokowy strony Ireneusza Haczewskiego — wariant B „Jasny, współczesny” (granat, czerwień, biel). Bez zewnętrznych zasobów: czcionki Inter i Cardo w motywie.
Author: Marek Haczewski
Version: 0.1.4
Requires at least: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: ireneusz
*/

/* ---------- nagłówek ---------- */
.ih-naglowek {
	position: sticky;
	top: 0;
	z-index: 50;
	background: #ffffffee;
	box-shadow: 0 1px 0 var(--wp--preset--color--linia);
}
@supports (backdrop-filter: blur(8px)) {
	/* rozmycie tylko na komputerze — na telefonie backdrop-filter zamknąłby menu w pasku nagłówka */
	@media (min-width: 782px) {
		.ih-naglowek { backdrop-filter: blur(8px); }
	}
}
.admin-bar .ih-naglowek { top: var(--wp-admin--admin-bar--height, 0); }
.ih-naglowek .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem clamp(1rem, 4vw, 2rem); }

/* ---------- strona główna: hero ---------- */
.ih-hero { color: #fff; }
.ih-hero h1, .ih-hero .wp-block-heading { color: #fff; max-width: 11ch; }
.ih-hero .ih-lead { color: #dfe6f3; max-width: 36rem; }
.ih-pigulki {
	list-style: none;
	padding: 0;
	margin: 1.6rem 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	max-width: 46rem;
}
.ih-pigulki li {
	background: #ffffff1f;
	border: 1px solid #ffffff40;
	border-radius: 99px;
	padding: 0.35rem 0.95rem;
	font-size: 0.9rem;
	color: #fff;
}

/* ---------- etykieta nad nagłówkiem sekcji ---------- */
.ih-nad {
	color: var(--wp--preset--color--czerwien);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.8rem;
	margin-bottom: 0.4rem !important;
}

/* ---------- karty ---------- */
.ih-karta {
	border-radius: 16px;
	overflow: hidden;
	background: var(--wp--preset--color--jasne-tlo);
	height: 100%;
}
.ih-karta .wp-block-image,
.ih-karta .wp-block-post-featured-image { margin: 0; }
.ih-karta img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	display: block;
}
.ih-karta > :not(figure) { padding-left: 1.3rem; padding-right: 1.3rem; }
.ih-karta > :last-child { padding-bottom: 1.4rem; }
.ih-karta h3 { margin-top: 1rem; }
.ih-karta a { font-weight: 600; text-decoration: none; }
.ih-karta h3 a { color: var(--wp--preset--color--granat); }
.ih-karta h3 a:hover { color: var(--wp--preset--color--czerwien); }

/* listy wpisów w kategoriach: karty z obrazkiem lub bez */
.ih-lista .wp-block-post { height: 100%; }
.ih-lista .ih-karta .wp-block-post-featured-image:empty { display: none; }
.ih-lista .ih-karta .wp-block-post-excerpt__excerpt { color: var(--wp--preset--color--szary); font-size: 0.95rem; }

/* ---------- kalendarium ---------- */
.ih-os { list-style: none; padding: 0; margin: 0; }
.ih-os li {
	display: grid;
	grid-template-columns: 7rem 1fr;
	gap: 1.2rem;
	padding: 0.85rem 0 0.85rem 1.2rem;
	border-left: 3px solid var(--wp--preset--color--czerwien);
}
.ih-os strong { font-size: 1.2rem; }
@media (max-width: 600px) {
	.ih-os li { grid-template-columns: 1fr; gap: 0.15rem; }
}

/* ---------- odznaczenia ---------- */
.ih-odz {
	background: #fff;
	border: 1px solid var(--wp--preset--color--linia);
	border-radius: 14px;
	padding: 1.2rem !important;
	height: 100%;
}
.ih-odz strong { color: var(--wp--preset--color--czerwien); font-size: 1.3rem; }

/* ---------- wpis ---------- */
main > .wp-block-post-title,
.ih-wpis-naglowek .wp-block-post-title { font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.3rem); }
.wp-block-post-content img { border-radius: 8px; }
.wp-block-post-content .wp-block-video video { width: 100%; height: auto; border-radius: 8px; background: #000; }
.wp-block-post-navigation-link a { font-weight: 600; text-decoration: none; }

/* ---------- stopka ---------- */
.ih-stopka { color: #c5cede; }
.ih-stopka a { color: #fff; }
.ih-stopka a:hover { color: #ffb3bf; }

/* ---------- dostępność ---------- */
:where(a, button):focus-visible { outline: 3px solid var(--wp--preset--color--czerwien); outline-offset: 2px; }
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 80px; }

/* okładka strony głównej: treść w tej samej szerokości co nagłówek */
.ih-hero .wp-block-cover__inner-container > .alignwide {
	max-width: var(--wp--style--global--wide-size, 1180px);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.ih-hero.wp-block-cover { padding-left: 0; padding-right: 0; }
.wp-block-cover.ih-hero.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { width: 100%; }

/* karty bez obrazka: odstęp nad tytułem */
.ih-karta > .wp-block-post-title:first-child,
.ih-karta > h3:first-child { padding-top: 0.4rem; }

/* nagłówki w treści wpisów i stron: mniejsze niż nagłówki sekcji strony głównej */
.wp-block-post-content h2 { font-size: clamp(1.3rem, 1.1rem + 0.8vw, 1.6rem); margin-top: 2.2em; }
.wp-block-post-content h3 { font-size: clamp(1.15rem, 1.05rem + 0.4vw, 1.3rem); margin-top: 1.8em; }
.wp-block-post-content h4 { font-size: 1.1rem; margin-top: 1.6em; }
.wp-block-post-content :is(h2, h3, h4):first-child { margin-top: 0; }