/**
 * Theme Name:   Astra Child
 * Theme URI:    https://rebecahidalgo.com/
 * Description:  Tema hijo de Astra para el sitio de la abogada Rebeca Hidalgo.
 * Author:       Rebeca Hidalgo
 * Author URI:   https://rebecahidalgo.com/
 * Template:     astra
 * Version:      1.0.0
 * Text Domain:  astra-child
 */

/**
 * Menú legal del footer (Aviso Legal, Política de privacidad, Personalizar
 * Cookies, Política de Cookies): en el "Menu" del Footer Builder de Astra
 * (<ul id="astra-footer-menu">) para forzarlo a una fila horizontal en
 * escritorio, ya que por defecto puede quedar apilado verticalmente según
 * el layout guardado en el Customizer (clase astra-footer-vertical-menu).
 */
#astra-footer-menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

#astra-footer-menu .menu-item {
	margin: 0;
}

#astra-footer-menu .menu-item > a {
	display: inline-block;
	padding: 0.25em 0;
}

@media ( min-width: 601px ) {
	#astra-footer-menu {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	#astra-footer-menu .menu-item > a {
		padding: 0 0.6em;
	}

	/* Separador "|" entre enlaces, salvo tras el último. */
	#astra-footer-menu .menu-item:not( :last-child )::after {
		content: "|";
		margin-left: 0.6em;
		opacity: 0.5;
	}
}

/**
 * Menú legal fijo del footer (Aviso Legal, Política de privacidad,
 * Personalizar Cookies, Política de Cookies): impreso vía hook `wp_footer`
 * en inc/legal-footer-menu.php, sin depender del Personalizador de
 * WordPress ni del Footer Builder de Astra.
 */
.ec-legal-footer__list {
	display: flex;
	flex-direction: column;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 1em 0;
}

.ec-legal-footer__item {
	margin: 0;
}

.ec-legal-footer__item > a,
.ec-legal-footer__item > button.cmplz-manage-consent {
	display: inline-block;
	padding: 0.25em 0;
}

/* El botón "Personalizar Cookies" debe verse igual que los enlaces de al lado. */
.ec-legal-footer__item > button.cmplz-manage-consent {
	background: none;
	border: none;
	margin: 0;
	color: inherit;
	font: inherit;
	text-decoration: none;
	cursor: pointer;
}

@media ( min-width: 601px ) {
	.ec-legal-footer__list {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.ec-legal-footer__item > a,
	.ec-legal-footer__item > button.cmplz-manage-consent {
		padding: 0 0.6em;
	}

	/* Separador "|" entre enlaces, salvo tras el último. */
	.ec-legal-footer__item:not( :last-child )::after {
		content: "|";
		margin-left: 0.6em;
		opacity: 0.5;
	}
}