.dp-recipe-form {
	max-width: 640px;
	margin: 0 auto;
}

.dp-recipe-form .dp-field {
	margin-bottom: 1.25em;
	display: flex;
	flex-direction: column;
}

.dp-recipe-form label {
	font-weight: 600;
	margin-bottom: .35em;
}

.dp-recipe-form input[type="text"],
.dp-recipe-form input[type="email"],
.dp-recipe-form input[type="url"],
.dp-recipe-form select,
.dp-recipe-form textarea {
	padding: .6em .75em;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1em;
	width: 100%;
	box-sizing: border-box;
}

.dp-recipe-form textarea {
	min-height: 200px;
	resize: vertical;
}

.dp-recipe-form .required {
	color: #d63638;
}

.dp-recipe-form .dp-error {
	color: #d63638;
	font-size: .875em;
	margin-top: .3em;
}

.dp-recipe-form .dp-hint {
	font-size: .875em;
	color: #555;
	margin: .25em 0 .5em;
}

.dp-recipe-form .dp-photo-list input {
	margin-bottom: .5em;
}

.dp-recipe-form .dp-add-photo {
	align-self: flex-start;
	margin-top: .5em;
	cursor: pointer;
}

.dp-recipe-form .dp-checkbox label {
	display: flex;
	align-items: flex-start;
	gap: .5em;
	font-weight: 400;
}

.dp-recipe-form .dp-checkbox input {
	margin-top: .2em;
}

/* Honeypot – pole niewidoczne dla ludzi (display:none), ale nadal obecne w kodzie HTML,
   więc proste boty spamowe (nierenderujące CSS) je wypełniają i zdradzają się w ten sposób.
   Celowo NIE używamy pozycjonowania „poza ekranem” – takie pola bywają wypełniane przez
   autouzupełnianie przeglądarki/menedżery haseł, co fałszywie blokowałoby prawdziwych użytkowników. */
.dp-recipe-form .dp-hp-field {
	display: none !important;
}

.dp-recipe-form .dp-submit-button {
	padding: .75em 2em;
	font-size: 1em;
	cursor: pointer;
	/* Niektóre motywy mają pływający przycisk „powrót do góry” w prawym dolnym rogu
	   ekranu (position: fixed, wysoki z-index). Podnosimy nasz przycisk ponad taką
	   nakładkę, żeby kliknięcie zawsze trafiało w formularz, a nie w element motywu. */
	position: relative;
	z-index: 1000;
}

.dp-form-message {
	padding: 1em 1.25em;
	border-radius: 4px;
	margin-bottom: 1.5em;
}

.dp-form-success {
	background: #edfaef;
	border: 1px solid #7ad03a;
	color: #285c1e;
}

.dp-form-error {
	background: #fbeaea;
	border: 1px solid #d63638;
	color: #7a1418;
}