/**
 * Podstrona projektu: szablon templates/single-karts_project.html → wzorzec patterns/project-single.php i elementy
 * treści projektu (project-section, project-image, project-gallery, project-starter – tools/sections/projekty.py).
 * Wygląd wg kartsdesign.com/project/… (w Figmie brak tej podstrony): czarne tło, tekst 1040 px, obrazy 1168 px,
 * sekcje „01 O projekcie” (numer + etykieta w kolorze, nagłówek, szary tekst).
 */

/* ---------- Nagłówek projektu ---------- */

.kd-project-hero > * {
	margin-block: 0;
}

.kd-project-hero .kd-project-hero__back > .wp-block-button__link {
	min-height: 0;
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--wp--preset--color--line);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
}

.kd-project-hero .kd-project-hero__back > .wp-block-button__link::before {
	content: "←";
	margin-right: 8px;
}

.kd-project-hero .kd-project-hero__back > .wp-block-button__link:hover {
	filter: none;
	color: var(--wp--preset--color--base);
}

.kd-project-hero .kd-project-hero__title {
	font-size: var(--wp--preset--font-size--heading-1);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

/* Usługi i branże – blok wtyczki „Projekt – usługi i branże” (pigułki, kolory z base.css dla ciemnego tła). */
.kd-project-hero .kd-project-hero__terms {
	margin-top: var(--wp--preset--spacing--10);
}

/* ---------- Treść projektu ---------- */

.kd-project .kd-project-content {
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70);
}

/* Odstępy między blokami treści (rdzeń daje 24 px): obrazy 32 px, nowa sekcja opisu 48–64 px. */
.kd-project .kd-project-content > * {
	margin-block-start: var(--wp--preset--spacing--40);
}

.kd-project .kd-project-content > .kd-project-section {
	margin-block-start: var(--wp--preset--spacing--60);
}

.kd-project .kd-project-content > :first-child {
	margin-block-start: 0;
}

.kd-project-section > * {
	margin-block: 0;
}

.kd-project-section .kd-project-section__label {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
}

.kd-project-section .kd-project-section__title {
	font-size: var(--wp--preset--font-size--heading-2);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.kd-project-section .kd-project-section__subtitle {
	margin-top: var(--wp--preset--spacing--10);
	font-size: var(--wp--preset--font-size--heading-5);
	font-weight: 600;
	line-height: 1.3;
}

.kd-project-section .kd-project-section__text {
	color: var(--wp--preset--color--line);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.6;
}

.kd-project-section .kd-project-section__link a {
	color: var(--wp--preset--color--accent-light);
	text-underline-offset: 3px;
	overflow-wrap: anywhere;
}

.kd-project-media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--wp--preset--border-radius--medium);
}

.kd-project-gallery .kd-project-media {
	height: 100%;
	margin: 0;
}

.kd-project-gallery .kd-project-media img {
	height: 100%;
	object-fit: cover;
}

@media (max-width: 781px) {
	/* Galeria jedna pod drugą (reguła układu siatki rdzenia ma klasę kontenera – 0-1-0). */
	.kd-project .kd-project-gallery.kd-project-gallery {
		grid-template-columns: minmax(0, 1fr);
	}

	.kd-project .kd-project-content > .kd-project-section:not(:first-child) {
		margin-block-start: var(--wp--preset--spacing--50);
	}
}