/*
 * Form pubblico di inserimento ricette.
 * Coerente con i token del tema (Verde Umbria / Zafferano / Cotto / Panna).
 */

.ues-rec-form {
	--ues-rec-green: #3c5a2e;
	--ues-rec-green-deep: #2d4523;
	--ues-rec-cotto: #b4471f;
	--ues-rec-ink: #2b2b26;
	--ues-rec-soft: #7a7266;
	--ues-rec-line: #e6e0d2;
	--ues-rec-panna: #faf6ee;
	--ues-rec-field: #ffffff;

	max-width: 760px;
	margin-inline: auto;
}

.ues-rec-form__form {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

/* --- Sezioni ----------------------------------------------------------- */

.ues-rec-form__section {
	border: 1px solid var(--ues-rec-line);
	border-radius: 14px;
	background: var(--ues-rec-panna);
	padding: 1.25rem 1.4rem 1.4rem;
}

.ues-rec-form__section > legend {
	padding: 0 0.6rem;
	font-family: var(--wp--preset--font-family--display, Fraunces, Georgia, serif);
	font-weight: 700;
	font-size: 1.15rem;
	color: var(--ues-rec-green-deep);
}

.ues-rec-form__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem 1.25rem;
	margin-top: 0.75rem;
}

.ues-rec-form__field {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.ues-rec-form__field--full {
	grid-column: 1 / -1;
}

.ues-rec-form__field label {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--ues-rec-ink);
}

.ues-rec-form__field abbr {
	color: var(--ues-rec-cotto);
	text-decoration: none;
}

.ues-rec-form__field small {
	font-size: 0.8rem;
	color: var(--ues-rec-soft);
	line-height: 1.4;
}

.ues-rec-form__field input[type='text'],
.ues-rec-form__field input[type='email'],
.ues-rec-form__field input[type='number'],
.ues-rec-form__field textarea,
.ues-rec-form__field select {
	width: 100%;
	box-sizing: border-box;
	padding: 0.6rem 0.75rem;
	border: 1px solid var(--ues-rec-line);
	border-radius: 8px;
	background: var(--ues-rec-field);
	color: var(--ues-rec-ink);
	font-size: 0.95rem;
	font-family: inherit;
}

.ues-rec-form__field input:focus,
.ues-rec-form__field textarea:focus,
.ues-rec-form__field select:focus {
	outline: 2px solid var(--ues-rec-green);
	outline-offset: 1px;
}

/* --- Repeater (ingredienti / passi) ------------------------------------ */

.ues-rep__list {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin: 0.75rem 0 0.6rem;
}

.ues-rep__row {
	display: flex;
	gap: 0.6rem;
	align-items: flex-end;
	border: 1px solid var(--ues-rec-line);
	border-radius: 10px;
	background: var(--ues-rec-field);
	padding: 0.7rem;
}

.ues-rep__field {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	margin: 0;
}

.ues-rep__field span {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--ues-rec-soft);
}

.ues-rep__field input,
.ues-rep__field textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 0.5rem 0.65rem;
	border: 1px solid var(--ues-rec-line);
	border-radius: 6px;
	background: var(--ues-rec-field);
	color: var(--ues-rec-ink);
	font-size: 0.92rem;
	font-family: inherit;
}

.ues-rep__field--small   { flex: 0 0 64px; }
.ues-rep__field--medium  { flex: 1 1 130px; }
.ues-rep__field--wide    { flex: 2 1 200px; }
.ues-rep__field--full    { flex: 1 1 auto; }

.ues-rep__remove {
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	border: 1px solid var(--ues-rec-line);
	border-radius: 50%;
	background: transparent;
	color: var(--ues-rec-cotto);
	font-size: 0.9rem;
	cursor: pointer;
	line-height: 1;
}

.ues-rep__remove:hover {
	background: var(--ues-rec-cotto);
	color: #fff;
}

.ues-rep__add {
	background: transparent;
	color: var(--ues-rec-green-deep);
	border: 1.5px solid var(--ues-rec-green);
}

.ues-rep__add:hover {
	background: var(--ues-rec-green);
	color: #fff;
}

/* --- Consenso ---------------------------------------------------------- */

.ues-rec-form__consent {
	display: flex;
	gap: 0.6rem;
	align-items: flex-start;
	margin: 1rem 0 0;
	padding-top: 1rem;
	border-top: 1px dashed var(--ues-rec-line);
}

.ues-rec-form__consent input {
	margin-top: 0.2rem;
	accent-color: var(--ues-rec-green);
}

.ues-rec-form__consent label {
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--ues-rec-ink);
}

.ues-rec-form__consent a {
	color: var(--ues-rec-green-deep);
}

/* --- Azioni e messaggi ------------------------------------------------- */

.ues-rec-form__actions {
	margin-top: 0.25rem;
}

.ues-rec-form__actions .wp-element-button,
.ues-rec-form__actions button[type='submit'] {
	background: var(--ues-rec-green);
	color: var(--ues-rec-panna);
	border: 0;
	border-radius: 999px;
	padding: 0.8rem 1.8rem;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
}

.ues-rec-form__actions button[type='submit']:hover {
	background: var(--ues-rec-green-deep);
}

.ues-rec-form__hint {
	margin: 0.6rem 0 0;
	font-size: 0.82rem;
	color: var(--ues-rec-soft);
}

.ues-rec-form__notice {
	padding: 0.85rem 1rem;
	border-radius: 10px;
	font-size: 0.95rem;
	line-height: 1.4;
}

.ues-rec-form__notice--ok   { background: #e9f1e3; color: var(--ues-rec-green-deep); border: 1px solid #cfe0c4; }
.ues-rec-form__notice--warn { background: #fdf3e0; color: #7a5412; border: 1px solid #f0dfb8; }
.ues-rec-form__notice--err  { background: #fbeae4; color: var(--ues-rec-cotto); border: 1px solid #f2cfc2; }

/* --- Honeypot ---------------------------------------------------------- */

.ues-rec-form__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	margin: 0;
}

/* --- Mobile ------------------------------------------------------------ */

@media (max-width: 560px) {
	.ues-rec-form__grid {
		grid-template-columns: 1fr;
	}
	.ues-rec-form__field--full {
		grid-column: 1;
	}
	.ues-rep__row {
		flex-wrap: wrap;
	}
	.ues-rep__field--small { flex: 1 1 40%; }
	.ues-rep__field--wide  { flex: 1 1 100%; }
	.ues-rep__field--medium{ flex: 1 1 100%; }
}