/* Compatibilidad con los plugins MRP: se reasignan sus variables locales a los tokens del tema,
   sin tocar los plugins. Selectores con "body" para ganar a los que los plugins ponen en el propio bloque. */

/* mrp-configurador (variables --mrp-borde, --mrp-acento, --mrp-error, --mrp-fondo, --mrp-suave) */
body .mrp-conf {
	--mrp-borde: var(--mrp-border);
	--mrp-acento: var(--mrp-link);
	--mrp-error: var(--mrp-danger);
	--mrp-fondo: var(--mrp-surface);
	--mrp-suave: var(--mrp-surface-2);
	color: var(--mrp-text);
	margin-bottom: var(--mrp-sp-6);
}
/* Oleada 9: hueco al final de la página igual a la barra fija (tema.js mide su altura); sin JS, 180 px */
body:has(.mrp-conf__barra) { padding-bottom: var(--mrp-barra-conf-h, 180px); }
body .mrp-conf__barra { background: var(--mrp-surface); border-top-color: var(--mrp-border); color: var(--mrp-text); }
body .mrp-conf__datos span, body .mrp-conf__total small { color: var(--mrp-text-muted); }
body .mrp-conf__boton { background: var(--mrp-green); color: var(--mrp-ink-on-green); border-radius: var(--mrp-radius-pill); }
body .mrp-conf__op.is-elegida .mrp-conf__op-btn { background: var(--mrp-surface-2); box-shadow: var(--mrp-glow); }
body.theme-gaming .mrp-conf__motivo { background: rgba(255,122,112,.08); }
body.theme-gaming .mrp-conf__aviso { background: rgba(255,200,87,.08); }
body .mrp-conf__resolver { background: var(--mrp-surface); }

/* Oleada 6: colores fijos del plugin que no se leían en el ambiente oscuro */
body .mrp-conf__version.is-activa { background: var(--mrp-surface-2); color: var(--mrp-text); }
body .mrp-conf__version-ahorro { color: var(--mrp-ok); }
body .mrp-conf__tabla .is-sub, body .mrp-conf__nota { color: var(--mrp-text-muted); }
body .mrp-conf__paso-num { color: var(--mrp-ink-on-green); background: var(--mrp-green); }
body .mrp-conf__boton:disabled { background: var(--mrp-surface-2); color: var(--mrp-text-muted); }
/* Barra fija en móvil: compacta (antes ocupaba ~40 % de la pantalla a 390 px). El detalle de cuotas sigue en el resumen. */
@media (max-width: 640px) {
	body .mrp-conf__barra { gap: 8px; padding: 8px var(--mrp-gutter) calc(8px + env(safe-area-inset-bottom)); }
	body .mrp-conf__datos { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; width: 100%; }
	body .mrp-conf__total strong { font-size: 1.25em; }
	body .mrp-conf__total small { display: none; }
	body .mrp-conf__cuota { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
	body .mrp-conf__cuota span { display: none; }
	body .mrp-conf__cuota strong { display: block; font-size: .8em; font-weight: 600; color: var(--mrp-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	body .mrp-conf__plazo { text-align: right; }
	body .mrp-conf__plazo strong { font-size: .85em; }
	body .mrp-conf__boton { min-height: 46px; }
}

/* ---- 0.5.3 · Accesibilidad ---- */
/* C1/G1: el foco no queda debajo de la barra fija inferior (tema.js mide su altura) */
html:has(.mrp-conf__barra) { scroll-padding-bottom: calc(var(--mrp-barra-conf-h, 180px) + 16px); }
/* C3: «Ver nombre completo» (#555 sobre fondo oscuro: 2,64:1) */
body .mrp-conf__op-detalle { color: var(--mrp-text-muted); }
body .mrp-conf__op-detalle summary { color: var(--mrp-text-muted); font-size: var(--mrp-fs-sm); padding: 8px 0; min-height: 24px; }
/* C6: «Cuotas y plazo» de 44 px */
body .mrp-conf .mrp-conf__barra .mrp-conf__mas { min-height: 44px; padding-inline: 8px; margin-inline-start: -8px; }
/* C2: «Cuotas y plazo» desplegado en móvil: el texto de cuotas ocupa toda la fila y se parte en líneas, sin cortarse */
@media (max-width: 640px) {
	body .mrp-conf .mrp-conf__barra.is-abierta { flex-wrap: wrap; }
	body .mrp-conf .mrp-conf__barra.is-abierta .mrp-conf__datos { flex: 1 1 100%; min-width: 0; }
	body .mrp-conf .mrp-conf__barra.is-abierta .mrp-conf__cuota, body .mrp-conf .mrp-conf__barra.is-abierta .mrp-conf__plazo { display: block; flex: 1 1 100%; min-width: 0; }
	body .mrp-conf .mrp-conf__barra.is-abierta .mrp-conf__cuota span, body .mrp-conf .mrp-conf__barra.is-abierta .mrp-conf__plazo span { display: inline; }
	body .mrp-conf .mrp-conf__barra.is-abierta .mrp-conf__cuota strong, body .mrp-conf .mrp-conf__barra.is-abierta .mrp-conf__plazo strong { display: inline; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
	body .mrp-conf .mrp-conf__barra.is-abierta .mrp-conf__accion { flex: 1 1 100%; }
	body .mrp-conf .mrp-conf__barra.is-abierta .mrp-conf__boton { width: 100%; }
}
/* A1: el título de las propuestas del asistente no queda bajo la cabecera */
.mrp-asis__q, .mrp-asis [tabindex="-1"] { scroll-margin-top: calc(var(--mrp-header-h) + 16px); }
.admin-bar .mrp-asis__q, .admin-bar .mrp-asis [tabindex="-1"] { scroll-margin-top: calc(var(--mrp-header-h) + 62px); }

/* mrp-asistente (variables --a-*) */
body .mrp-asis {
	--a-green: var(--mrp-green);
	--a-neon: var(--mrp-green-neon);
	--a-cyan: var(--mrp-cyan);
	--a-ink-on-green: var(--mrp-ink-on-green);
	--a-sans: var(--mrp-font-sans);
	--a-display: var(--mrp-font-display);
	--a-radius: var(--mrp-radius);
	--a-pill: var(--mrp-radius-pill);
}