/*
 * Pie completo (helenasunday-pie.php)
 *
 * Cuatro columnas en escritorio: logotipo con redes y ©, «Explora» (mapa del
 * sitio y, con aire, los legales), «Del blog» y «Preferencias». Dos por dos
 * en tableta, una en móvil. La barra inferior del tema se queda vacía (el
 * selector de modo vive ahora en su columna) y se oculta.
 *
 * Colores del tono de la página (tonos.css), con los tokens de respaldo.
 */

.wp-site-blocks > footer .helenasunday-footer-grid {
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.8fr) minmax(0, 1.35fr) minmax(0, 0.9fr);
	align-items: start;
}

@media (max-width: 1023px) {
	.wp-site-blocks > footer .helenasunday-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	.wp-site-blocks > footer .helenasunday-footer-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* La barra inferior ya no tiene nada propio: legales en «Explora», selector
   en «Preferencias». Se oculta entera (el selector duplicado que monta el
   tema dentro de ella deja de verse y de ser enfocable). */
.wp-site-blocks > footer:has(.helenasunday-pie__preferencias) .helenasunday-footer-bar {
	display: none;
}

.helenasunday-pie__col {
	min-width: 0;
}

.wp-site-blocks > footer .helenasunday-footer-title {
	color: var(--helenasunday-tono-texto-suave, var(--wp--preset--color--on-surface-variant));
}

.helenasunday-pie__copy {
	margin: var(--wp--preset--spacing--30) 0 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--helenasunday-tono-texto-suave, var(--wp--preset--color--on-surface-variant));
}

/* Enlaces de las listas: color del tono y un subrayado que aparece desde la
   izquierda al pasar. La página actual, marcada. */
.wp-site-blocks > footer .helenasunday-pie__col .helenasunday-footer-list a {
	display: inline-block;
	padding-block: 0.2em;
	color: var(--helenasunday-tono-texto, var(--wp--preset--color--on-surface));
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-size: 0% 1px;
	background-position: 0 100%;
	background-repeat: no-repeat;
}

.wp-site-blocks > footer .helenasunday-pie__col .helenasunday-footer-list a:is(:hover, :focus-visible),
.wp-site-blocks > footer .helenasunday-pie__col .helenasunday-footer-list a[aria-current="page"] {
	background-size: 100% 1px;
}

.wp-site-blocks > footer .helenasunday-pie__col .helenasunday-footer-list a[aria-current="page"] {
	font-weight: 600;
}

@media (prefers-reduced-motion: no-preference) {
	.wp-site-blocks > footer .helenasunday-pie__col .helenasunday-footer-list a {
		transition: background-size 0.3s var(--helenasunday-ease-effect);
	}
}

/* Los legales, en la misma columna que el mapa con aire entre medias y un
   punto más discretos. */
.helenasunday-pie__legal {
	margin-block-start: var(--wp--preset--spacing--40) !important;
	padding-block-start: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--helenasunday-tono-borde-suave, var(--wp--preset--color--outline-variant));
}

.wp-site-blocks > footer .helenasunday-pie__legal a {
	color: var(--helenasunday-tono-texto-suave, var(--wp--preset--color--on-surface-variant));
}

/* Últimas entradas: miniatura redonda y título en dos líneas como mucho. */
.helenasunday-pie__entradas {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
	padding: 0;
	list-style: none;
}

.wp-site-blocks > footer .helenasunday-pie__entrada {
	display: grid;
	grid-template-columns: 3.25rem minmax(0, 1fr);
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	color: var(--helenasunday-tono-texto, var(--wp--preset--color--on-surface));
	text-decoration: none;
}

.helenasunday-pie__miniatura {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: var(--helenasunday-shape-l, 0.75rem);
}

.helenasunday-pie__entrada-texto {
	display: grid;
	gap: 0.15em;
	min-width: 0;
}

.helenasunday-pie__entrada-titulo {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	line-height: 1.3;
}

.helenasunday-pie__entrada time {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--helenasunday-tono-texto-suave, var(--wp--preset--color--on-surface-variant));
}

.wp-site-blocks > footer .helenasunday-pie__entrada:is(:hover, :focus-visible) .helenasunday-pie__entrada-titulo {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

@media (prefers-reduced-motion: no-preference) {
	.helenasunday-pie__miniatura {
		transition: scale 0.4s var(--helenasunday-spring), rotate 0.4s var(--helenasunday-spring);
	}

	.helenasunday-pie__entrada:hover .helenasunday-pie__miniatura {
		scale: 1.06;
		rotate: -3deg;
	}
}

.wp-site-blocks > footer .helenasunday-pie__ver-todo {
	display: inline-block;
	margin-block-start: var(--wp--preset--spacing--20);
	padding-block: 0.3em;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	color: var(--helenasunday-tono-texto, var(--wp--preset--color--on-surface));
}

.helenasunday-pie__nota {
	margin: 0 0 var(--wp--preset--spacing--10);
	font-size: var(--wp--preset--font-size--small);
	color: var(--helenasunday-tono-texto-suave, var(--wp--preset--color--on-surface-variant));
}