/* =========================================================
   PełneFarszu – style bazowe (krok 1: kolory + typografia)
   ========================================================= */

:root {
	/* Kolory z mockupu */
	--pf-burgundy: #8e1b1b;
	--pf-burgundy-dark: #6f1212;
	--pf-gold: #c99a3b;
	--pf-gold-light: #e7c98a;
	--pf-cream: #fbf6ee;
	--pf-cream-2: #f5ece0;
	--pf-ink: #1f1a17;
	--pf-text: #4a403a;
	--pf-muted: #7a6e66;
	--pf-line: #eadfce;

	/* Fonty */
	--pf-font-serif: 'Lora', Georgia, 'Times New Roman', serif;
	--pf-font-script: 'Caveat', 'Segoe Script', cursive;
	--pf-font-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ---------- Tekst podstawowy ---------- */
body {
	--theme-font-family: var(--pf-font-sans);
	font-family: var(--pf-font-sans);
	color: var(--pf-text);
	background-color: var(--pf-cream);
	-webkit-font-smoothing: antialiased;
}

/* ---------- Nagłówki: Lora ---------- */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .site-title,
.wp-block-heading {
	--theme-font-family: var(--pf-font-serif);
	font-family: var(--pf-font-serif);
	color: var(--pf-ink);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.15;
}

h1 { font-size: clamp(2.6rem, 5.2vw, 4.25rem); }
h2 { font-size: clamp(1.9rem, 3.4vw, 2.6rem); }
h3 { font-size: clamp(1.15rem, 1.6vw, 1.3rem); }

/* ---------- Akcent odręczny: Caveat ----------
   W edytorze: zaznacz słowa w nagłówku i daj kursywę (Ctrl+I)
   – zamienią się na złoty, odręczny akcent jak w mockupie.
   Poza nagłówkami: klasa .pf-script na bloku albo <span class="pf-script">. */
h1 em, h2 em, h3 em,
.pf-script {
	font-family: var(--pf-font-script);
	font-style: normal;
	font-weight: 600;
	color: var(--pf-gold);
	display: inline-block;
	transform: skewX(-7deg);
	letter-spacing: 0.02em;
	line-height: 1;
	padding-right: 0.08em;
}

h1 em { font-size: 1.12em; margin-top: 0.05em; }
h2 em { font-size: 1.22em; }   /* w mockupie akcent w H2 jest większy niż serif */

/* Nadtytuł nad sekcjami: „NASZE MENU”, „O NAS”, „TRADYCJA • SMAK • PASJA” */
.pf-eyebrow {
	font-family: var(--pf-font-sans);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--pf-ink);
	margin-bottom: 0.6rem;
}
.pf-eyebrow .pf-dot { color: var(--pf-burgundy); }

/* ---------- Przyciski ---------- */
.wp-block-button__link,
.ct-button,
.ct-header-cta .ct-button {
	font-family: var(--pf-font-sans);
	font-weight: 500;
	background-color: var(--pf-burgundy);
	border-radius: 999px;
}
.wp-block-button__link:hover,
.ct-button:hover {
	background-color: var(--pf-burgundy-dark);
}

/* =========================================================
   Sekcja: Cechy (4 bloki pod hero) – wzorzec „pelnefarszu/cechy”
   ========================================================= */
.pf-features {
	padding-top: clamp(2.5rem, 5vw, 3.5rem);
	padding-bottom: 0;
	background: linear-gradient(180deg, var(--pf-cream) 0%, #fdfaf5 100%);
}

.pf-features .pf-features__grid {
	gap: 0;
	margin: 0;
}

.pf-feature {
	position: relative;
	text-align: center;
	padding: 0.5rem 1.75rem;
}

/* pionowe kreski między kolumnami */
.pf-feature + .pf-feature::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10%;
	height: 80%;
	width: 1px;
	background: linear-gradient(180deg, transparent, var(--pf-line) 15%, var(--pf-line) 85%, transparent);
}

.pf-feature__icon {
	width: 52px;
	height: 52px;
	margin: 0 auto 1.1rem;
	color: var(--pf-gold);
}
.pf-feature__icon svg { width: 100%; height: 100%; display: block; }

.pf-features .pf-feature__title {
	font-size: 1.12rem;
	margin: 0 0 0.6rem;
	letter-spacing: 0;
}

.pf-features .pf-feature__text {
	font-size: 0.86rem;
	line-height: 1.6;
	color: var(--pf-muted);
	max-width: 15rem;
	margin: 0 auto;
	text-wrap: balance;
}

/* ozdobnik pod sekcją */
.pf-features .pf-ornament {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	color: var(--pf-gold);
	margin: clamp(2rem, 4vw, 2.75rem) auto 0;
	padding-bottom: 0.5rem;
	max-width: 420px;
}
.pf-features .pf-ornament svg { width: 34px; height: 21px; flex: none; }
.pf-ornament__line {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--pf-gold-light));
}
.pf-ornament__line:last-child {
	background: linear-gradient(270deg, transparent, var(--pf-gold-light));
}

/* tablet: 2 × 2 */
@media (max-width: 999px) {
	.pf-features .pf-features__grid {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		row-gap: 2.25rem;
	}
	.pf-feature:nth-child(3)::before { display: none; }
}

/* telefon: nadal 2 × 2, ciaśniej */
@media (max-width: 600px) {
	.pf-feature { padding: 0.25rem 0.75rem; }
	.pf-feature__icon { width: 40px; height: 40px; margin-bottom: 0.8rem; }
	.pf-features .pf-feature__title { font-size: 1rem; }
	.pf-features .pf-feature__text { font-size: 0.8rem; }
}