/*
 * Style bloku "Filozofia controllingu finansowego".
 * Zakres wyłącznie: .wp-block-gg-konsulting-theme-filozofia-controllingu
 *
 * Kolor akcentu (--gg-accent) pochodzi automatycznie ze sfery strony
 * (inc/sphere.php) - blok go tylko czyta.
 */

.wp-block-gg-konsulting-theme-filozofia-controllingu {
	/*
	 * Pełna szerokość okna - identyczna zasada jak w pozostałych sekcjach.
	 * !important przebija "margin: auto !important" z układu constrained.
	 */
	width: 100vw;
	max-width: 100vw;
	margin-left: calc( 50% - 50vw ) !important;
	margin-right: calc( 50% - 50vw ) !important;
	margin-top: 0 !important;
	background-color: #ffffff;
	padding-block: clamp( 3rem, 6vw, 6rem );
	padding-inline: clamp( 1rem, 2.5vw, 2.5rem );
}

/* --- Układ --- */

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp( 2rem, 4vw, 3.5rem );
	align-items: center;
	max-width: 1400px;
	margin-inline: auto;
}

@media ( min-width: 900px ) {
	.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__inner {
		grid-template-columns: 2fr 1fr;
	}

	/* Kolejność kolumn zależy od ustawienia w panelu bloku. */
	.wp-block-gg-konsulting-theme-filozofia-controllingu.is-text-right .filozofia__cards {
		order: 1;
	}

	.wp-block-gg-konsulting-theme-filozofia-controllingu.is-text-right .filozofia__text {
		order: 2;
	}

	.wp-block-gg-konsulting-theme-filozofia-controllingu.is-text-left .filozofia__cards {
		order: 2;
	}

	.wp-block-gg-konsulting-theme-filozofia-controllingu.is-text-left .filozofia__text {
		order: 1;
	}
}

/* --- Kolumna tekstowa --- */

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__kicker {
	display: flex;
	align-items: baseline;
	gap: 0.4rem;
	font-family: var( --wp--preset--font-family--raleway );
	font-size: clamp( 14px, 1.4vw, 18px );
	font-weight: 700;
	color: var( --wp--preset--color--primary );
	margin: 0 0 0.75rem;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__kicker-sep {
	color: #a67c52;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__heading {
	font-size: clamp( 1.9rem, 2.8vw, 2.75rem );
	font-weight: 800;
	line-height: 1.2;
	color: var( --wp--preset--color--primary );
	margin: 0 0 1.25rem;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__accent {
	color: var( --gg-accent );
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__lead {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.65;
	color: var( --wp--preset--color--primary );
	max-width: 52ch;
	margin: 0;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__lead strong {
	font-weight: 700;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__lead a {
	color: var( --gg-accent );
	text-decoration: underline;
}

/* --- Pigułki pod akapitem --- */

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__tags {
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__tag-label {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 6px;
	background-color: var( --gg-accent );
	color: var( --wp--preset--color--primary );
	font-size: 0.95rem;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color 0.3s, color 0.3s;
}

a.filozofia__tag-label:hover,
a.filozofia__tag-label:focus-visible {
	background-color: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--base );
}

/* --- Karty --- */

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp( 1.5rem, 2.5vw, 2rem );
	align-items: stretch;
}

@media ( min-width: 700px ) {
	.wp-block-gg-konsulting-theme-filozofia-controllingu:not( .has-1-cards ) .filozofia__cards {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media ( min-width: 1200px ) {
	.wp-block-gg-konsulting-theme-filozofia-controllingu.has-3-cards .filozofia__cards {
		grid-template-columns: repeat( 3, 1fr );
	}
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card {
	display: flex;
	flex-direction: column;
	padding: clamp( 1.75rem, 2.5vw, 2.5rem );
	background-color: #ffffff;
	border: 1px solid var( --wp--preset--color--muted );
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba( 43, 27, 58, 0.06 );
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card-title {
	font-size: clamp( 1.15rem, 1.6vw, 1.4rem );
	font-weight: 700;
	line-height: 1.3;
	color: var( --wp--preset--color--primary );
	margin: 0 0 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var( --wp--preset--color--muted );
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__check {
	flex: 0 0 auto;
	color: #a67c56;
	margin-top: 0.15rem;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__check svg {
	display: block;
	width: 20px;
	height: 20px;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__item-text {
	font-size: 1.13rem;
	font-weight: 400;
	line-height: 1.55;
	color: var( --wp--preset--color--primary );
}

/* --- Ikona i opis w karcie --- */

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card-icon {
	display: block;
	margin-bottom: 1.25rem;
	color: inherit;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card-icon svg {
	display: block;
	/*
	 * Wysokość stała, szerokość z proporcji rysunku. Sztywne width
	 * + height wciskało ikony o niekwadratowym rysunku w kwadrat,
	 * przez co wychodziły niższe od pozostałych.
	 */
	height: 44px;
	width: auto;
	max-width: 88px;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card-text {
	font-size: 1.05rem;
	font-weight: 400;
	line-height: 1.65;
	color: inherit;
	margin: 0 0 1.5rem;
}

/*
 * Warianty kolorystyczne karty. Kolory tekstu w środku dziedziczą z karty
 * (color: inherit), więc wystarczy przestawić tło i kolor na wrapperze.
 */

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card.is-dark {
	background-color: var( --wp--preset--color--primary );
	border-color: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--base );
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card.is-accent {
	background-color: var( --gg-accent );
	border-color: var( --gg-accent );
	color: var( --wp--preset--color--primary );
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card.is-dark .filozofia__card-title,
.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card.is-dark .filozofia__item-text,
.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card.is-accent .filozofia__card-title,
.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card.is-accent .filozofia__item-text {
	color: inherit;
}

/* Na ciemnej karcie linia pod tytułem i brąz odhaczeń byłyby niewidoczne. */
.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card.is-dark .filozofia__card-title {
	border-bottom-color: rgba( 255, 255, 255, 0.18 );
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card.is-dark .filozofia__check {
	color: #c9a37a;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card.is-accent .filozofia__card-title {
	border-bottom-color: rgba( 43, 27, 58, 0.2 );
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__card.is-accent .filozofia__check {
	color: var( --wp--preset--color--primary );
}

/*
 * Opis bywa kilkuakapitowy - odstęp między akapitami zamiast
 * domyślnych marginesów znacznika <p>.
 */
.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__lead p {
	margin: 0;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__lead p + p {
	margin-top: 1.25rem;
}

/*
 * Lista cytatów - zdania wypowiedziane przez kogoś innego. Kursywa
 * i cudzysłów zamiast odhaczenia (znacznik wybiera się na karcie).
 */
.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__list.is-quotes .filozofia__item-text {
	font-style: italic;
}

.wp-block-gg-konsulting-theme-filozofia-controllingu .filozofia__list.is-quotes .filozofia__check svg {
	width: 18px;
	height: 18px;
}