/**
 * INCAOP · Estils del Checkout Blocks
 *
 * Estils mínims i no invasius:
 *   - .incaop-hidden — amaga wrappers de forma completa (usat per referral_other).
 *   - .incaop-force-label-up — força el floating label a la posició elevada
 *     permanent (usat pel camp de data de naixement).
 *   - Enllaços injectats pel JS als labels dels checkboxes de consent.
 *   - Missatges d'error inline (menor d'edat).
 *
 * @package Incaop_Core
 * @since   1.10.0
 */

/* ═══ Amagar completament un camp additional (wrapper + label flotant) ═══ */
.incaop-hidden,
.wc-block-components-text-input.incaop-hidden,
.wc-block-components-select.incaop-hidden {
	display: none !important;
}

/* ═══ Forçar el label flotant a la posició elevada permanent ═══
   Necessari pel camp de data de naixement: type="date" mostra "dd/mm/aaaa"
   com a placeholder natiu del navegador que no és detectable per JS, i el
   label flotant de WC Blocks es queda enmig si no s'activa.
   Repliquem el comportament de :focus / .is-active nadiu. */
.wc-block-components-text-input.incaop-force-label-up label,
.wc-block-components-text-input.incaop-force-label-up > label,
.wc-block-components-text-input.is-active.incaop-force-label-up label {
	transform: translateY(-6px) scale(0.75) !important;
	transform-origin: top left !important;
	top: 6px !important;
	background: #fff !important;
	padding: 0 4px !important;
	pointer-events: none !important;
}

/* Alguns builds de WC Blocks usen `.has-value` o `.wc-block-components-text-input--focused`.
   Cobrim els casos alternatius. */
.wc-block-components-text-input.incaop-force-label-up {
	--wc-blocks-label-transform: translateY(-6px) scale(0.75);
}

/* ═══ Enllaços injectats pel JS als labels dels checkboxes de consent ═══ */
.wc-block-components-checkbox__label a,
.wc-block-components-checkbox a {
	color: #1E3A5F;
	text-decoration: underline;
	font-weight: 500;
}

.wc-block-components-checkbox__label a:hover,
.wc-block-components-checkbox a:hover {
	color: #2a5080;
}

/* ═══ Missatges d'error inline (menor d'edat, validacions client) ═══ */
.incaop-inline-error {
	margin-top: 8px;
	padding: 10px 12px;
	background: #ffe0e0;
	border-left: 3px solid #c00;
	color: #c00;
	font-size: 13px;
	line-height: 1.4;
	border-radius: 3px;
}