/*
Theme Name: Kadence Child – Galiwood
Description: Tema hijo de Kadence para Galiwood.
Author: Pasquino
Template: kadence
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kadence-child
*/

/* ==========================================================================
   Selector de idiomas (Bogo) en el menú: solo banderas
   ========================================================================== */

.galiwood-lang-switcher {
	display: flex;
	align-items: center;
	gap: .25em;
}

.main-navigation .galiwood-lang-switcher {
	margin-left: .75em;
}

/* Área táctil de 44 × 44 px como mínimo (WCAG 2.2: 24 px en AA, 44 px en AAA). */
.galiwood-lang-switcher > a.galiwood-lang-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding-left: .5em;
	padding-right: .5em;
	width: auto;
	position: relative;
}

.galiwood-lang-link .galiwood-flag {
	display: inline-flex;
	line-height: 0;
}

.galiwood-lang-link .galiwood-flag svg {
	width: 27px;
	height: 18px;
	display: block;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
}

/* Idioma actual: subrayado bajo la bandera (no depende solo del color). */
.galiwood-lang-link.is-current::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 6px;
	width: 27px;
	height: 3px;
	margin-left: -13.5px;
	background: currentColor;
	border-radius: 2px;
}

/* Foco de teclado bien visible. */
.galiwood-lang-link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -2px;
	border-radius: 4px;
}

/* Menú móvil: las tres banderas en fila. */
.mobile-navigation .galiwood-lang-switcher {
	justify-content: flex-start;
	padding: .5em 0;
}

.mobile-navigation .galiwood-lang-switcher > a.galiwood-lang-link {
	border: 0;
	flex: 0 0 auto;
}

/* ==========================================================================
   Movimiento reducido: sin animaciones de entrada (GreenShift/AOS) para quien
   lo tenga activado en su sistema (WCAG 2.3.3).
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	[data-aos],
	[data-gs-aos] {
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
		transition: none !important;
	}
}