/* ══════════════════════════════════════════════════════════════════════
   Override visual del formulario "Libro de Reclamaciones Singer"
   ([oz_form slug="libro-de-reclamaciones-singer"], post 1517) — SCOPEADO
   solo a este formulario vía
   :has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]),
   mismo patrón ya usado en taller-costura-form.css. No toca
   OZ-Formularios-PRO/assets/css/ozfp.css (compartido por todos los
   formularios) ni otros formularios del sitio.

   Referencia real: grid de 2 columnas para los campos cortos que
   forman pareja lógica (Tipo/Número de Identidad, Apellido Paterno/
   Materno, Teléfono/E-mail), a ancho completo para el resto (Nombres,
   Domicilio, Área Responsable, Detalle del Reclamo) — en vez de 1 sola
   columna para TODO como se dejó en un ajuste anterior. Inputs blancos
   con borde fino gris, sin fondo gris de relleno, sin labels separados
   (el placeholder hace de label visualmente), botones chicos grises
   lado a lado ("Enviar" + "Limpiar Formulario") en vez del botón ancho
   naranja.
   ══════════════════════════════════════════════════════════════════════ */

.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-form {
	grid-template-columns: 1fr 1fr !important;
	column-gap: 16px;
}

/* Campos a ancho completo: Nombres, Domicilio, Área Responsable,
   Detalle del Reclamo (este último ya traía ozfp-full-width). El resto
   queda en pareja de a 2 por fila según el orden natural del grid. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-field:has(input[name="nombres"]),
.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-field:has(input[name="domicilio"]),
.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-field:has(input[name="area-responsable"]) {
	grid-column: 1 / -1;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-field label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-field {
	position: relative;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-form .ozfp-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-form .ozfp-field textarea,
.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-form .ozfp-field select {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #d9d9d9 !important;
	border-radius: 2px;
	background: #ffffff !important;
	background-color: #ffffff !important;
	font-size: 14px;
	color: #333333 !important;
	-webkit-text-fill-color: #333333 !important;
	box-sizing: border-box;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-field textarea {
	min-height: 150px;
}

/* Botones "Enviar" + "Limpiar Formulario": lado a lado, chicos, grises. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .oz-lr-buttons-row {
	display: flex;
	gap: 12px;
	align-items: center;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-form .ozfp-field button.ozfp-submit {
	background: #f0f0f0 !important;
	background-color: #f0f0f0 !important;
	color: #333333 !important;
	-webkit-text-fill-color: #333333 !important;
	border: 1px solid #cccccc !important;
	border-radius: 2px !important;
	padding: 10px 22px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	box-shadow: none !important;
	cursor: pointer;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-form .ozfp-field button.ozfp-submit:hover,
.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-form .ozfp-field button.ozfp-submit:focus {
	background: #e4e4e4 !important;
	background-color: #e4e4e4 !important;
}

/* Nota legal: el template ya trae buen tamaño/color, solo se asegura
   que el texto reemplazado (con <strong> inyectado por PHP) no rompa el
   line-height. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="libro-de-reclamaciones-singer"]) .ozfp-legal-note {
	line-height: 1.6;
}