/*
Theme Name: Między Nami
Theme URI:
Description: Motyw potomny Twenty Twenty-Five przygotowany dla gabinetu psychoterapii systemowej Między Nami.
Author:
Template: twentytwentyfive
Version: 1.5.1
Text Domain: miedzynami
*/

strong,
b {
	font-weight: 300;
}

html {
	scroll-behavior: smooth;
}

[id] {
	scroll-margin-top: 100px;
}

@media (max-width: 599px) {
	[id] {
		scroll-margin-top: 85px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* Animacje wejścia przy przewijaniu (jak na studiohugo16.com), czysty CSS+JS, bez bibliotek */
.reveal-on-scroll {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal-on-scroll.is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	.reveal-on-scroll {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Sekcje strony głównej mają być szersze niż domyślne 645px z motywu rodzica */
section[id].is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 1280px;
}

.site-header-row {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--wp--preset--spacing--30);
}

.site-header-row .wp-block-navigation {
	flex-shrink: 0;
}

header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}

.site-logo-link {
	display: inline-flex;
	align-items: center;
}

.site-logo {
	display: block;
	height: 56px;
	width: auto;
}

@media (max-width: 599px) {
	.site-logo {
		height: 40px;
	}
}

/* Lista "Z czym pracuję" w dwóch kolumnach na szerszych ekranach */
@media (min-width: 600px) {
	.zcp-list-wrap .wp-block-list {
		columns: 2;
		column-gap: var(--wp--preset--spacing--50);
	}
	.zcp-list-wrap .wp-block-list li {
		break-inside: avoid;
	}
}

/* Wypunktowanie: puste kółka zamiast wypełnionych kropek */
.zcp-list-wrap .wp-block-list {
	list-style-type: circle;
}

/* Większy odstęp między zdjęciem a tekstem w hero (na wypadek gdyby wstawiony blok nie miał już zaktualizowanego blockGap) */
#hero .wp-block-columns {
	column-gap: var(--wp--preset--spacing--70);
}

/* FAQ: pytanie (summary) wyraźnie odróżnione od odpowiedzi, żeby tekst się nie zlewał */
#faq .wp-block-details > summary {
	font-weight: 600;
	cursor: pointer;
}

/* Cofnięcie zbyt dużego rozmiaru "large" na akapitach lead — na już opublikowanej treści (żeby nie trzeba było przebudowywać hero) */
#hero p[style*="font-size"] {
	font-size: var(--wp--preset--font-size--medium) !important;
}

/* Cennik jako "tabela" — wiersze oddzielone liniami, nazwa po lewej, cena po prawej */
.cennik-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: var(--wp--preset--spacing--30);
	padding-top: var(--wp--preset--spacing--30);
	padding-bottom: var(--wp--preset--spacing--30);
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}

.cennik-row:first-child {
	border-top: 1px solid var(--wp--preset--color--accent-6);
}

.cennik-row__name {
	margin: 0;
	flex: 1 1 320px;
}

.cennik-row__price {
	margin: 0;
	white-space: nowrap;
}

.cennik-row__price strong {
	font-weight: 700;
}

/* Zachowanie naprzemiennych kolorów sekcji po dodaniu Instagramu — poprawka na już opublikowanej treści */
#jak-wyglada-wspolpraca,
#ebook,
#kontakt {
	background-color: var(--wp--preset--color--base) !important;
}

#umow-wizyte,
#faq {
	background-color: var(--wp--preset--color--accent-3) !important;
}

/* Ukrycie kategorii "Studio" z listy usług w formularzu rezerwacji */
#bookero-plugin-service optgroup[label="Studio"] {
	display: none;
}

/* Nadpisanie niebieskich kolorów widgetu rezerwacji Bookero na kolory marki */
#bookero-plugin .bookero-plugin-header {
	background-color: var(--wp--preset--color--accent-1) !important;
}

#bookero-plugin .calendar-days-list-cell.is-open.is-valid,
#bookero-plugin .hours-list-item {
	background-color: var(--wp--preset--color--accent-1) !important;
	color: var(--wp--preset--color--base) !important;
}

#bookero-plugin .submit-button {
	background-color: var(--wp--preset--color--accent-1) !important;
}

#bookero-plugin .submit-button:hover {
	background-color: color-mix(in srgb, var(--wp--preset--color--accent-1) 85%, transparent) !important;
}