/* ==========================================================================
   Plugins de terceros (CookieYes y herramientas de accesibilidad)
   ========================================================================== */

/* Banner de cookies: botones sin fondo; al pasar por encima se tachan, como en la lista */
.cky-consent-container .cky-btn,
.cky-consent-container .cky-btn:hover,
.cky-consent-container .cky-btn:focus {
	background: transparent !important;
	border-color: transparent !important;
	color: #212121 !important;
	box-shadow: none !important;
	opacity: 1 !important;
}
.cky-consent-container .cky-btn:hover,
.cky-consent-container .cky-btn:focus-visible { text-decoration: line-through; }

/* Ventana "Personalizar": los tres botones iguales, sin fondo, como en el banner. Selectores muy
   específicos y con !important porque CookieYes pinta sus colores con CSS propio en la página. */
html body .cky-modal .cky-btn,
html body .cky-modal .cky-btn:hover,
html body .cky-modal .cky-preference-center .cky-btn.cky-btn-reject,
html body .cky-modal .cky-preference-center .cky-btn.cky-btn-preferences,
html body .cky-modal .cky-preference-center .cky-btn.cky-btn-accept,
html body .cky-modal .cky-preference-center .cky-btn.cky-btn-reject:hover,
html body .cky-modal .cky-preference-center .cky-btn.cky-btn-preferences:hover,
html body .cky-modal .cky-preference-center .cky-btn.cky-btn-accept:hover {
	background: transparent !important;
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	color: #212121 !important;
	opacity: 1 !important;
}
html body .cky-modal .cky-btn:hover,
html body .cky-modal .cky-btn:focus-visible { text-decoration: line-through; }
/* "Mostrar más" y demás enlaces: del color del texto y tachados al pasar, no azul subrayado */
html body .cky-modal a,
html body .cky-consent-container a,
html body .cky-modal .cky-show-desc-btn,
html body .cky-modal .cky-show-desc-btn:hover { color: #212121 !important; text-decoration: underline; text-decoration-thickness: 1px; }
html body .cky-modal a:hover,
html body .cky-consent-container a:hover,
html body .cky-modal .cky-show-desc-btn:hover { text-decoration: line-through; }

/* Los iconos de cookies y accesibilidad se sustituyen por enlaces de texto, como el menú
   "(about) ARRIGURI (contact)" (los crea app.js; el icono original sigue ahí, oculto, y es
   el que se activa). Si el script no los crea, los iconos originales se quedan como están. */
body.arr-accesos-listos .cky-btn-revisit-wrapper,
body.arr-accesos-listos #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle { display: none !important; }

.arr-accesos {
	position: fixed;
	left: 10px;
	bottom: 10px;
	z-index: 90;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	color: #fff;
	mix-blend-mode: difference;   /* legible sobre blanco y sobre fotos */
	font-family: 'Libre Baskerville', Georgia, serif;
	font-size: var(--texto-base, 11px);
}
body.home .arr-accesos { bottom: calc(var(--header-alto, 39px) + 4px); }
.arr-accesos button {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	color: inherit;
	font: inherit;
	cursor: pointer;
}
.arr-accesos button:hover,
.arr-accesos button:focus-visible { text-decoration: line-through; }

/* Herramientas de accesibilidad (One Click Accessibility): con contraste negativo o alto, todos los
   fondos pasan a negro; el header de la home sigue transparente (nunca blanco) */
body:is(.pojo-a11y-negative-contrast, .pojo-a11y-high-contrast),
body:is(.pojo-a11y-negative-contrast, .pojo-a11y-high-contrast) #brx-footer,
body:is(.pojo-a11y-negative-contrast, .pojo-a11y-high-contrast) #brx-content,
body:is(.pojo-a11y-negative-contrast, .pojo-a11y-high-contrast) .arr-home,
body:is(.pojo-a11y-negative-contrast, .pojo-a11y-high-contrast) .arr-panel-indice,
body:is(.pojo-a11y-negative-contrast, .pojo-a11y-high-contrast):not(.home) #brx-header,
body:is(.pojo-a11y-negative-contrast, .pojo-a11y-high-contrast):not(.home) .arr-menu,
body:is(.pojo-a11y-negative-contrast, .pojo-a11y-high-contrast).home.arr-indice-abierto .arr-menu { background-color: #000 !important; }
body:is(.pojo-a11y-negative-contrast, .pojo-a11y-high-contrast).home:not(.arr-indice-abierto) #brx-header,
body:is(.pojo-a11y-negative-contrast, .pojo-a11y-high-contrast).home:not(.arr-indice-abierto) .arr-menu { background-color: transparent !important; }
html body[class*="pojo-a11y-"] .arr-accesos button, html body[class*="pojo-a11y-"] .arr-accesos button:hover { border: 0 none transparent !important; border-width: 0 !important; background: none !important; outline: 0 !important; }