/*
Theme Name: Figurska — Centrum Psychologii i Psychoterapii
Theme URI: https://figurska.pl/
Author: Centrum Psychologii i Psychoterapii Iwona Figurska
Description: Dedykowany, responsywny motyw witryny figurska.pl.
Version: 1.1.7
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: figurska-prototyp
*/

/* Główne style witryny są ładowane z katalogu assets. */

/* Home hero: one calm, focused message without the detached quote card. */
.home-hero__content {
	grid-template-columns: minmax(0, 820px);
	align-items: center;
}

.home-hero__copy {
	max-width: 820px;
}

/* Delikatnie odsłaniamy kolory zdjęcia, zachowując czytelność białego tekstu. */
.home-hero__overlay {
	background:
		linear-gradient(90deg, rgba(30, 24, 20, 0.74) 0%, rgba(30, 24, 20, 0.48) 55%, rgba(30, 24, 20, 0.22) 100%),
		linear-gradient(180deg, transparent 55%, rgba(24, 19, 16, 0.15));
}

@media (max-width: 640px) {
	.home-hero__overlay {
		background: linear-gradient(180deg, rgba(27, 22, 18, 0.22), rgba(27, 22, 18, 0.78));
	}
}

.figurska-honeypot {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.form-submit-error {
	border-left: 3px solid #9f3933;
	background: #fff1ef;
	color: #7e2f2a;
	padding: 12px 15px;
	font-size: 13px;
}

/* Czytelna treść awaryjna jest zastępowana aplikacją po uruchomieniu JS. */
.seo-fallback {
	max-width: 1120px;
	margin: 0 auto;
	padding: 32px 24px 56px;
	font-family: Georgia, serif;
	color: #211a16;
}

.seo-fallback header,
.seo-fallback nav {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.seo-fallback a {
	color: inherit;
}

.seo-fallback main {
	padding-top: 80px;
}

.hero-quote__eyebrow {
	display: block;
	margin-bottom: 18px;
	color: #e2c58b;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
}

.site-footer__bottom {
	color: #f7f0e8a6;
}

/* Kontrast przycisku „Zobacz cennik” na zielonej karcie Kontraktu. */
.contract-layout > aside a {
	background: #fffaf2 !important;
	border-color: #fffaf2 !important;
	color: #211a16 !important;
}

.contract-layout > aside a:hover,
.contract-layout > aside a:focus-visible {
	background: #e2c58b !important;
	border-color: #e2c58b !important;
	color: #211a16 !important;
}

/*
 * Przyciski renderowane jako odnośniki nie zachowują atrybutów wariantu
 * komponentu. Wymuszamy więc prawidłowy kontrast bezpośrednio na klasach
 * wariantu, aby tekst pozostał czytelny na każdej podstronie.
 */
a.bg-primary.text-primary-foreground {
	background: var(--primary) !important;
	color: var(--primary-foreground) !important;
}

a.bg-primary.text-primary-foreground:hover,
a.bg-primary.text-primary-foreground:focus-visible {
	background: #3a2f29 !important;
	color: var(--primary-foreground) !important;
}

/* Cztery pozycje cennika układają się w równą siatkę 2 × 2. */
.pricing-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 640px) {
	.pricing-grid {
		grid-template-columns: 1fr;
	}
}