/*
 * Omijoyeria Chile — estilos frontend (checkout, mi cuenta, registro).
 *
 * Paleta:
 *   --omijoyeria-pink:      #F2C4CE
 *   --omijoyeria-pink-soft: #FBF0F2
 *   --omijoyeria-pink-dark: #C4728A
 *   --omijoyeria-cream:     #FDF7F4
 *   --omijoyeria-dark:      #1A1015
 *   --omijoyeria-mid:       #7A5060
 *
 * Tipografías web (deben estar ya cargadas por el tema omijoyeria-landing):
 *   Cormorant Garamond (títulos)
 *   DM Sans (body)
 *
 * Mobile-first: las reglas base sirven móvil, los @media son para desktop.
 */

:root {
	--omijoyeria-pink: #F2C4CE;
	--omijoyeria-pink-soft: #FBF0F2;
	--omijoyeria-pink-dark: #C4728A;
	--omijoyeria-cream: #FDF7F4;
	--omijoyeria-dark: #1A1015;
	--omijoyeria-mid: #7A5060;
}

/* ------------------------------------------------------------------ *
 *  CAMPO RUT (checkout + registro + mi cuenta)
 * ------------------------------------------------------------------ */

.omijoyeria-chile-rut-field input.omijoyeria-rut-error {
	border: 1.5px solid #c4393a !important;
	background: #fff5f5;
}

.omijoyeria-chile-rut-field input.omijoyeria-rut-ok {
	border: 1.5px solid #4caf50 !important;
	background: #f4fbf5;
}

.omijoyeria-chile-rut-field small {
	display: block;
	color: var(--omijoyeria-mid);
	font-family: 'DM Sans', system-ui, sans-serif;
	font-size: 0.85em;
	margin-top: 4px;
}

/* ------------------------------------------------------------------ *
 *  CAMPO TELÉFONO MÓVIL (mismo tratamiento visual que el RUT)
 * ------------------------------------------------------------------ */

.omijoyeria-chile-telefono-field input.omijoyeria-tel-error {
	border: 1.5px solid #c4393a !important;
	background: #fff5f5;
}

.omijoyeria-chile-telefono-field input.omijoyeria-tel-ok {
	border: 1.5px solid #4caf50 !important;
	background: #f4fbf5;
}

/* ------------------------------------------------------------------ *
 *  TOGGLE FACTURA
 * ------------------------------------------------------------------ */

.omijoyeria-chile-factura-toggle label {
	color: var(--omijoyeria-dark);
	font-family: 'DM Sans', system-ui, sans-serif;
}

.omijoyeria-chile-factura-toggle .omijoyeria-chile-aviso-empresa {
	color: var(--omijoyeria-pink-dark);
	font-family: 'DM Sans', system-ui, sans-serif;
}

/* Bloque empresa: panel suave para diferenciarlo visualmente del checkout normal. */
.omijoyeria-chile-empresa-field {
	background: var(--omijoyeria-pink-soft);
	padding: 10px 14px !important;
	border-radius: 6px;
	margin-bottom: 6px !important;
}

.omijoyeria-chile-empresa-field label {
	color: var(--omijoyeria-dark);
}

/* ------------------------------------------------------------------ *
 *  OCULTAR "PAÍS / REGIÓN" (billing_country / shipping_country)
 *  Solo vendemos en Chile → el selector de país no aporta y agrega
 *  ruido visual, sobre todo en mobile. El valor "CL" sigue viajando
 *  al backend; solo se esconde el row completo.
 * ------------------------------------------------------------------ */

.form-row.omijoyeria-chile-country-hidden,
p.form-row.omijoyeria-chile-country-hidden,
#billing_country_field.omijoyeria-chile-country-hidden,
#shipping_country_field.omijoyeria-chile-country-hidden {
	display: none !important;
}

/* ------------------------------------------------------------------ *
 *  SELECT REGIÓN / COMUNA
 * ------------------------------------------------------------------ */

.omijoyeria-chile-region-field select,
.omijoyeria-chile-comuna-field select {
	background-color: #fff;
	border-radius: 4px;
}

.omijoyeria-chile-comuna-field select:disabled {
	background-color: var(--omijoyeria-cream);
	color: var(--omijoyeria-mid);
	cursor: not-allowed;
}

/* ------------------------------------------------------------------ *
 *  AVISO "POR PAGAR" EN EL RESUMEN DEL CHECKOUT
 * ------------------------------------------------------------------ */

tr.omijoyeria-chile-aviso-por-pagar td {
	font-family: 'DM Sans', system-ui, sans-serif;
	color: var(--omijoyeria-dark);
	line-height: 1.4;
}

tr.omijoyeria-chile-aviso-por-pagar strong {
	color: var(--omijoyeria-pink-dark);
	font-weight: 600;
}

/* ------------------------------------------------------------------ *
 *  BLOQUE "DATOS PARA BOLETA/FACTURA" EN MI CUENTA → ORDEN
 * ------------------------------------------------------------------ */

.omijoyeria-chile-order-extra {
	margin-top: 30px;
}

.omijoyeria-chile-order-extra h2 {
	font-family: 'Cormorant Garamond', Georgia, serif;
	color: var(--omijoyeria-dark);
	font-weight: 500;
	letter-spacing: 0.5px;
}

.omijoyeria-chile-order-extra table th {
	color: var(--omijoyeria-mid);
	font-family: 'DM Sans', system-ui, sans-serif;
	font-weight: 500;
	width: 35%;
}

.omijoyeria-chile-order-extra table td {
	color: var(--omijoyeria-dark);
	font-family: 'DM Sans', system-ui, sans-serif;
}

/* ------------------------------------------------------------------ *
 *  DESKTOP TWEAKS
 * ------------------------------------------------------------------ */

@media (min-width: 768px) {
	.omijoyeria-chile-empresa-field {
		padding: 12px 18px !important;
	}
}