/**
 * Simó Lorenzo Kit — Formulario (WPForms).
 *
 * Solo la disposición (columnas y separaciones) y pequeños ajustes para que los
 * campos llenen su columna. Los colores, bordes y alturas son variables
 * --wpforms-* que el panel rellena sobre el contenedor del formulario.
 */

.slk-form {
	--slk-form-cols: 1;
	--slk-form-col-gap: 20px;
	--slk-form-row-gap: 20px;
	--slk-form-btn-mt: 24px;
	--slk-form-btn-align: left;
	--slk-form-btn-w: auto;

	/* Fondo, relleno y borde de la caja llegan del panel (Estilo → Caja del formulario). */
	box-sizing: border-box;
}

.slk-form .wpforms-container {
	margin: 0;
}

/* Rejilla de campos: una o dos columnas. */
.slk-form .wpforms-container .wpforms-field-container {
	display: grid;
	grid-template-columns: repeat(var(--slk-form-cols), minmax(0, 1fr));
	column-gap: var(--slk-form-col-gap);
	row-gap: var(--slk-form-row-gap);
}

/* WPForms separa los campos con relleno propio: la separación la pone la rejilla. */
.slk-form .wpforms-container .wpforms-field {
	padding: 0;
}

/* Siempre a todo el ancho: párrafos, casillas, opciones, textos, separadores... y "slk-full". */
.slk-form .wpforms-container .wpforms-field-textarea,
.slk-form .wpforms-container .wpforms-field-checkbox,
.slk-form .wpforms-container .wpforms-field-radio,
.slk-form .wpforms-container .wpforms-field-gdpr-checkbox,
.slk-form .wpforms-container .wpforms-field-html,
.slk-form .wpforms-container .wpforms-field-content,
.slk-form .wpforms-container .wpforms-field-divider,
.slk-form .wpforms-container .wpforms-field-pagebreak,
.slk-form .wpforms-container .wpforms-field-richtext,
.slk-form .wpforms-container .wpforms-field-captcha,
.slk-form .wpforms-container .wpforms-field.slk-full {
	grid-column: 1 / -1;
}

/* Los campos llenan su columna (WPForms los limita según su "tamaño" Pequeño/Mediano). */
.slk-form .wpforms-container .wpforms-field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.slk-form .wpforms-container .wpforms-field select,
.slk-form .wpforms-container .wpforms-field textarea {
	width: 100%;
	max-width: 100%;
}

/* --- Casilla de privacidad (campo "GDPR Agreement") --- */

.slk-form {
	--slk-form-check-gap: 12px;
	--slk-form-info-mt: 10px;
	--slk-form-info-indent: 1;
}

/* Especificidad por encima de la de WPForms (div.wpforms-container-full .wpforms-field...). */
.slk-form div.wpforms-container .wpforms-field.wpforms-field-gdpr-checkbox ul li input + label {
	padding-inline-start: var(--slk-form-check-gap);
}

.slk-form div.wpforms-container .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description {
	margin-top: var(--slk-form-info-mt);
	padding-inline-start: calc((var(--wpforms-field-size-checkbox-size, 16px) + 2px + var(--slk-form-check-gap)) * var(--slk-form-info-indent));
	/* WPForms parte palabras con guiones ("informa-tion"): mejor saltar de línea entero. */
	hyphens: manual;
}

.slk-form .wpforms-container .wpforms-field-gdpr-checkbox a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Botón. WPForms pone su propio margen con --wpforms-button-size-margin-top: le pasamos el
   del panel ("Espacio encima del botón"). */
.slk-form .wpforms-container {
	--wpforms-button-size-margin-top: var(--slk-form-btn-mt);
}

.slk-form .wpforms-container .wpforms-submit-container {
	margin-top: var(--slk-form-btn-mt);
	padding: 0;
	text-align: var(--slk-form-btn-align);
}

/* Nunca más ancho que el formulario: con textos largos en móvil, el texto pasa a dos líneas. */
.slk-form .wpforms-container .wpforms-submit-container button[type="submit"] {
	width: var(--slk-form-btn-w);
	max-width: 100%;
	height: auto;
	min-height: var(--wpforms-button-size-height);
	white-space: normal;
}

/* Aviso en el editor (sin WPForms o sin formulario elegido). */
.slk-form-notice {
	padding: 16px;
	border: 1px dashed rgba(17, 27, 46, 0.35);
	border-radius: 8px;
	font-size: 14px;
	color: rgba(17, 27, 46, 0.7);
}