/* =================================================================
   GDPR Cookie Compliance (Moove Agency) — CSS a medida Interplay
   Vive en el TEMA (no en el plugin: la personalización visual del
   plugin es de pago). Se carga en todas las páginas vía enqueue.php,
   igual que layout.css. Usa las variables de tokens.css — el banner
   se pinta en el DOM normal de la página, no en un iframe, así que
   las hereda sin problema.
   ================================================================= */


/* --- Barra inferior --- */
#moove_gdpr_cookie_info_bar {
	background: var(--color-black) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
#moove_gdpr_cookie_info_bar,
#moove_gdpr_cookie_info_bar p,
#moove_gdpr_cookie_info_bar span {
	font-family: 'Inter Variable', 'Inter', system-ui, sans-serif !important;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: var(--color-white) !important;
}
#moove_gdpr_cookie_info_bar a {
	color: var(--color-white) !important;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* Botones de la barra */
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-allow-all,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-settings-btn {
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-transform: none !important;
	padding: 10px 20px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-allow-all {
	background: var(--color-white) !important;
	color: var(--color-black) !important;
	border: 1px solid var(--color-white) !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-allow-all:hover {
	background: transparent !important;
	color: var(--color-white) !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-settings-btn {
	background: transparent !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-white) !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-settings-btn:hover {
	background: var(--color-white) !important;
	color: var(--color-black) !important;
}

/* --- Modal de preferencias --- */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
	border-radius: 0 !important;
	font-family: 'Inter Variable', 'Inter', system-ui, sans-serif !important;
	letter-spacing: 0.5px;
}
/* Oculta el logo por defecto del plugin (branding de Moove Agency) */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content > img,
#moove_gdpr_cookie_modal .moove-gdpr-branding-logo {
	display: none !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-tab-main.active,
#moove_gdpr_cookie_modal .moove-gdpr-status-value {
	color: var(--color-black) !important;
}
#moove_gdpr_cookie_modal button,
#moove_gdpr_cookie_modal .moove-gdpr-button-align button {
	border-radius: 0 !important;
	font-family: inherit !important;
	letter-spacing: 0.5px;
	text-transform: none !important;
	background: var(--color-black) !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-black) !important;
}

/* =================================================================
   AÑADIDO — aviso centrado tipo modal (sustituye a "Full-screen /
   Cookiewall", que es de pago) + botón "Reject" al mismo nivel que
   "Accept". Pegar al final de cookie-consent.css.
   ================================================================= */

/* --- Centrado del aviso principal --- */
#moove_gdpr_cookie_info_bar {
	/* Cambio de técnica: inset:0 + margin:auto no funciona bien cuando
	   la altura es "auto" (contenido variable) — el navegador termina
	   estirando la caja al máximo disponible en vez de ajustarla al
	   contenido, que es justo lo que estaba pasando. transform sí
	   soporta bien altura variable, así que se usa esta vez — y el
	   fondo oscurecido se resuelve con box-shadow en vez de un
	   pseudo-elemento aparte, porque box-shadow no sufre el problema
	   del "containing block" que sí tiene un ::before con position:fixed
	   cuando el padre usa transform. */
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	right: auto !important;
	bottom: auto !important;
	transform: translate(-50%, -50%) !important;
	margin: 0 !important;
	width: min(640px, 92vw) !important;
	max-width: min(640px, 92vw) !important;
	max-height: 90vh !important;
	overflow-y: auto;
	border: 1px solid var(--color-white);
	height: auto !important;
	min-height: 0 !important;
	/* Fondo oscurecido cubriendo toda la pantalla, sin pseudo-elemento */
	box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.55) !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content,
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice,
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
	height: auto !important;
	min-height: 0 !important;
}

/* En el aviso centrado el texto ocupa el ancho completo arriba, y los
   botones van debajo en su propia fila. Clases reales confirmadas por
   inspector: .moove-gdpr-info-bar-content envuelve tanto el texto
   (.moove-gdpr-cookie-notice) como los botones (.moove-gdpr-button-holder). */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: var(--space-5) !important;   /* 40px — antes 20px, más aire respecto al texto */
	width: 100% !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice {
	width: 100% !important;
	max-width: 100% !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
	width: 100% !important;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: flex-start !important;   /* a la izquierda, igual que el texto */
}

/* El padding va SOLO en el aside (la caja visible) — a los contenedores
   de dentro se les pone a 0 para que no se sume el relleno 3 veces
   (antes estaba en los 3 niveles anidados a la vez, sumándose). */
#moove_gdpr_cookie_info_bar {
	padding: var(--space-6) !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content {
	padding: 0 !important;
}

/* --- Botón "Reject", mismo peso visual que "Accept" --- */
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-reject-all,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-reject-btn,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-decline-btn {
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-transform: none !important;
	padding: 10px 20px;
	background: transparent !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-white) !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-reject-all:hover,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-reject-btn:hover,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-decline-btn:hover {
	background: var(--color-white) !important;
	color: var(--color-black) !important;
}