/* ==========================================================================
   SR AutoLED Colores
   --------------------------------------------------------------------------
   Regla única para todo el sitio:
     · AZUL ELÉCTRICO #1F5BFF = acción. Botones, opción elegida, barras de
       progreso, insignias. Texto encima SIEMPRE blanco (5,3:1).
     · AMARILLO #F7FF04 = acento mínimo, solo sobre fondo oscuro. Estrellas,
       enlaces y contadores. Sobre blanco no se usa (1,1:1, no se lee).
   Las hojas de los plugins no se editan: aquí se pisan sus variables.
   ========================================================================== */

:root {
	--sr-electrico: #1F5BFF;
	--sr-electrico-hover: #1848D6;
	--sr-electrico-suave: #EEF3FF;
	--sr-electrico-borde: #C7D6FF;
	--sr-acento: #F7FF04;
}

/* ---------------- JN Buscador de Luces (finder.css) ---------------- */
.jnlf, .jnlfp {
	--jnlf-accent: var(--sr-electrico);
	--jnlf-accent-text: #FFFFFF;
	--jnlf-accent-hover: var(--sr-electrico-hover);
}
/* La invitación «¿Cuál es tu carro?» es una tarjeta negra: su texto sigue amarillo. */
.jnlfp--tarjeta .jnlfp__estado--a .jnlfp__card { color: var(--sr-acento); }

/* Opción elegida (bajas / altas / kit): azul, no negro con amarillo */
.jnlfp__op.is-elegida, .jnlfp__op.is-elegida:hover, .jnlfp__op.is-elegida:focus, .jnlfp__op.is-elegida:active {
	background: var(--sr-electrico); border-color: var(--sr-electrico); color: #FFFFFF;
}
.jnlfp__op.is-elegida .jnlfp__op-a, .jnlfp__op-check { color: #FFFFFF; }
.jnac__pill--kit { background: var(--sr-electrico); border-color: var(--sr-electrico); color: #FFFFFF; }
.jnac__pill.jnlfp-reco::after { background: #FFFFFF; }

/* ---------------- Popup «¿Qué carro tienes?» (popup.css, fondo oscuro) ---------------- */
.jnlfpop {
	--jp-accent: var(--sr-electrico);
	--jp-accent-text: #FFFFFF;
	--jp-accent-hover: var(--sr-electrico-hover);
}
.jnlfpop__select:focus-visible { box-shadow: 0 0 0 3px rgba(31, 91, 255, .35); }
/* Acentos de texto sobre oscuro (palabra resaltada, íconos, chips): amarillo */
.jnlfpop__title em, .jnlfpop__trust svg, .jnlfpop__chip-btn { color: var(--sr-acento); }
.jnlfpop__ref.is-on { border-color: var(--sr-electrico); background: rgba(31, 91, 255, .22); color: #FFFFFF; }

/* ---------------- JN Add to Cart (cart.css) ---------------- */
.jnac {
	--jnac-cod-ico-bg: var(--sr-electrico);
	--jnac-cod-ico: #FFFFFF;
	--jnac-envio-bg: var(--sr-electrico-suave);
	--jnac-envio-border: var(--sr-electrico-borde);
	--jnac-envio-ico-bg: var(--sr-electrico);
	--jnac-envio-ico: #FFFFFF;
	--jnac-op-sel-border: var(--sr-electrico);
	--jnac-op-radio: var(--sr-electrico);
	--jnac-op-badge-bg: var(--sr-electrico);
	--jnac-op-badge: #FFFFFF;
	--jnac-pill-sel-bg: var(--sr-electrico);
	--jnac-pill-sel-color: #FFFFFF;
	--jnac-pill-sel-border: var(--sr-electrico);
}

/* ---------------- SR AutoLED Core ---------------- */
/* Ficha: «Comprar ahora» (producto.css lo fuerza con !important) */
.single-product { --sr-yellow: var(--sr-electrico); }
.single-product .jnac__buy { color: #FFFFFF !important; }
.single-product .jnac__buy:hover { background: var(--sr-electrico-hover) !important; border-color: var(--sr-electrico-hover) !important; }

/* Comparativa */
.src-comp__insignia { background: var(--sr-electrico); color: #FFFFFF; }
.src-comp__cta { border-color: var(--sr-electrico); color: #FFFFFF; }
.src-comp__cta:hover, .src-comp__cta:focus { background: var(--sr-electrico); border-color: var(--sr-electrico); color: #FFFFFF; }
.src-comp__celda--alta .src-comp__cta { background: var(--sr-electrico); border-color: var(--sr-electrico); color: #FFFFFF; }

/* ---------------- Checkout (sr-checkout.css) ---------------- */
:root:root { --sr-am: var(--sr-electrico); --sr-am-ink: #FFFFFF; }
.sr-form #place_order:hover { background: var(--sr-electrico-hover) !important; filter: none; }

/* ---------------- Botón de WooCommerce / Astra por defecto ---------------- */
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: var(--sr-electrico); color: #FFFFFF;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: var(--sr-electrico-hover); color: #FFFFFF;
}