/*
Theme Name: Semplice v7 Child
Theme URI: https://www.semplice.com
Description: Child theme for Semplice v7. Custom styles and scripts for ATTALI Escazú.
Author: Jacobowitz Devs
Author URI: https://jacobowitzdevs.com
Template: semplice7
Version: 1.0.1
Text Domain: semplice-v7-child
*/

/* =========================================================
   ATTALI / Semplice v7 child theme
   Parent theme: Semplice v7
   Site: attaliescazu.com
   ========================================================= */


/* =========================================================
   ATTALI / Semplice-safe language switcher
   Menu item setup:
   - URL: #attali-lang-switch
   - Label: ES
   - CSS class: attali-lang-switcher
   ========================================================= */

.attali-lang-switcher > a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	text-decoration: none !important;
	cursor: none !important;
}

.attali-lang-switcher > a > span {
	position: relative !important;
	display: inline-block !important;
	font-family: "termina", sans-serif !important;
	font-weight: 400 !important;
	font-variation-settings: normal !important;
	font-style: normal !important;
	font-size: 1.1111111111111112rem !important;
	line-height: normal !important;
	text-align: center !important;
	text-transform: uppercase !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
	text-decoration-color: #000000 !important;
	text-underline-offset: 2px !important;
	transition: all .15s ease-out !important;
}

/* Hover color: match existing Semplice menu items */
.attali-lang-switcher > a:hover > span,
.attali-lang-switcher > a:focus > span {
	color: #D98247 !important;
	text-decoration-color: #D98247 !important;
}

/* Underline base: match Semplice underline hover effect */
.attali-lang-switcher > a > span::after {
	content: "" !important;
	position: absolute !important;
	height: 2px !important;
	background: #D98247 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	transform: scaleX(0) !important;
	transform-origin: bottom right !important;
	transition: transform .25s ease-out !important;
	pointer-events: none !important;
}

/* Underline hover animation */
.attali-lang-switcher > a:hover > span::after,
.attali-lang-switcher > a:focus > span::after,
.attali-lang-switcher > a > span:hover::after {
	transform: scaleX(1) !important;
	transform-origin: bottom left !important;
}


/* =========================================================
   Custom styles
   Add site-specific CSS below this line.
   ========================================================= */