/**
 * Formularz - Brief — minimalne style wtyczki.
 *
 * Resztę wyglądu (przyciski, kolory, odstępy) ustawiasz w CSS strony.
 * Tu tylko to, co potrzebne do działania / czytelności struktury.
 */

/* Pasek postępu */
.fb-progress-bar {
	width: 100%;
	height: 8px;
	background: #e0e0e0;
	margin-bottom: 1.5em;
	overflow: hidden;
}

.fb-progress {
	height: 100%;
	width: 25%;
	background: #333;
	transition: width 0.3s ease;
}

/* Domyślny odstęp między polami formularza */
.fb-field {
	margin-bottom: 1.25em;
}

/* Błąd walidacji */
.fb-error {
	outline: 2px solid #c00;
}

/* Etykieta widoczna tylko dla czytników ekranu (krótkie pola = placeholder) */
.fb-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Honeypot — niewidoczny dla ludzi */
.fb-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Ukryte sekcje warunkowe */
.fb-conditional[hidden] {
	display: none !important;
}

/* Lekka hierarchia tekstu (bez „ładnego” designu) */
.fb-section-title {
	margin: 1.5em 0 0.5em;
	font-size: 1.1em;
}

.fb-help,
.fb-note,
.fb-intro {
	margin: 0.25em 0 0.75em;
	font-size: 0.95em;
	opacity: 0.85;
}

.fb-checks label,
.fb-radios label {
	display: block;
	margin: 0.35em 0;
}

.fb-page-item {
	margin-bottom: 1.25em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}