/* Komponenty: napis akcentowy, przyciski, karta, plakietka. */

/* Napis akcentowy (eyebrow) – małe, rozstrzelone kapitaliki */
.gf-eyebrow {
	display: block;
	margin-bottom: var(--gf-space-3); /* tylko dół: odstęp od poprzedniego elementu daje rodzic (gf-stack) */
	font-family: var(--gf-font-body);
	font-size: var(--gf-eyebrow-fs);
	letter-spacing: var(--gf-eyebrow-ls);
	text-transform: var(--gf-eyebrow-transform);
	line-height: 1.4;
	color: var(--gf-color-accent);
}

/* Przyciski */
.gf-btn {
	display: inline-flex; align-items: center; justify-content: center;
	gap: var(--gf-space-2);
	padding: var(--gf-space-3) var(--gf-space-6);
	border: 1px solid var(--gf-color-dark);
	border-radius: var(--gf-radius);
	/* Domyślnie jak w Ustawieniach witryny Elementora (białe tło, obrys i tekst w kolorze Granat).
	   Z Elementorem i tak wygrywa jego „Styl motywu → Przyciski" (klasa elementor-button). */
	background: #fff;
	color: var(--gf-color-dark);
	font-family: var(--gf-font-body);
	font-size: var(--gf-eyebrow-fs);
	letter-spacing: var(--gf-eyebrow-ls);
	text-transform: var(--gf-eyebrow-transform);
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background var(--gf-transition), color var(--gf-transition), border-color var(--gf-transition);
}
.gf-btn:hover, .gf-btn:focus-visible {
	background: var(--gf-color-dark);
	border-color: var(--gf-color-dark);
	color: #fff;
}
.gf-btn--accent { background: var(--gf-color-accent); border-color: var(--gf-color-accent); color: var(--gf-color-dark); }
.gf-btn--accent:hover, .gf-btn--accent:focus-visible { background: var(--gf-color-dark); border-color: var(--gf-color-dark); color: var(--gf-color-bg); }
.gf-btn--ghost { background: transparent; color: var(--gf-color-dark); }
.gf-btn--ghost:hover, .gf-btn--ghost:focus-visible { background: var(--gf-color-dark); border-color: var(--gf-color-dark); color: var(--gf-color-bg); }
.gf-section--dark .gf-btn--ghost { border-color: currentColor; color: inherit; }
.gf-btn--sm { padding: var(--gf-space-2) var(--gf-space-5); }
.gf-btn--block { display: flex; width: 100%; }

/* Link strzałkowy (np. „Poznaj warsztaty →") */
.gf-link-arrow { text-decoration: none; font-size: var(--gf-eyebrow-fs); letter-spacing: var(--gf-eyebrow-ls); text-transform: var(--gf-eyebrow-transform); }
.gf-link-arrow::after { content: " →"; transition: margin var(--gf-transition); }
.gf-link-arrow:hover::after { margin-left: 0.25em; }

/* Karta i plakietka */
.gf-card { background: var(--gf-color-surface); border: 1px solid var(--gf-color-line); border-radius: var(--gf-radius); }
.gf-card--pad { padding: var(--gf-space-6); }

.gf-badge {
	display: inline-block;
	padding: var(--gf-space-1) var(--gf-space-3);
	background: var(--gf-color-accent); color: var(--gf-color-dark);
	font-size: var(--gf-fs-small); line-height: 1.4;
	border-radius: var(--gf-radius);
}