/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==========================================================================
   Selector de idioma (Polylang) en el encabezado
   Se muestra como un control segmentado compacto (bandera + codigo) para que
   no desborde la barra de navegacion. El nombre completo del idioma sigue en
   el HTML, oculto visualmente, de modo que los lectores de pantalla lo leen.
   Se aplica igual en ingles y en espanol.
   ========================================================================== */

/* El tema dibuja un separador vertical entre elementos del menu:
   lo quitamos dentro del grupo de idiomas para que se lea como un bloque. */
.wd-nav.wd-style-separated > li.lang-item:after,
.wd-nav.wd-style-bordered > li.lang-item:after {
	display: none !important;
}

.wd-nav-header > li.lang-item {
	align-items: center;
	white-space: nowrap;
}
.wd-nav-header > li.lang-item.lang-item-first {
	margin-inline-start: 0;
}
/* La barra de navegacion separa sus elementos con --nav-gap. Anulamos ese
   hueco entre los dos idiomas para que formen un unico control. */
.wd-nav-header > li.lang-item:not(.lang-item-first) {
	margin-inline-start: calc(var(--nav-gap, 20px) * -1);
}

.wd-nav-header > li.lang-item > a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 9px;
	border: 1px solid rgba(84, 84, 84, .2);
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1.5;
	color: var(--wd-text-color, #545454);
	background: transparent;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

/* Une los dos botones en un unico control segmentado */
.wd-nav-header > li.lang-item.lang-item-first > a {
	border-start-end-radius: 0;
	border-end-end-radius: 0;
	border-inline-end: 0;
	padding-inline-end: 8px;
}
.wd-nav-header > li.lang-item:not(.lang-item-first) > a {
	border-start-start-radius: 0;
	border-end-start-radius: 0;
	padding-inline-start: 8px;
}

/* Idioma activo */
.wd-nav-header > li.lang-item.current-lang > a {
	background-color: var(--wd-primary-color, rgb(255, 165, 162));
	border-color: var(--wd-primary-color, rgb(255, 165, 162));
	color: #fff;
}

/* Idioma inactivo, al pasar el raton */
.wd-nav-header > li.lang-item:not(.current-lang) > a:hover {
	background-color: rgba(255, 165, 162, .18);
	border-color: rgba(255, 165, 162, .6);
	color: var(--wd-text-color, #545454);
}

.wd-nav-header > li.lang-item .nav-link-text {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

/* Banderas con tamano uniforme */
.wd-nav-header > li.lang-item .nav-link-text > img {
	width: 15px !important;
	height: 10px !important;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .07);
	flex: 0 0 auto;
	margin: 0 !important;
}

/* El nombre del idioma se oculta a la vista pero permanece para lectores de
   pantalla; en su lugar se muestra el codigo de dos letras. */
.wd-nav-header > li.lang-item .nav-link-text > span {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: 0 !important;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}
.wd-nav-header > li.lang-item-en .nav-link-text:after { content: "EN"; }
.wd-nav-header > li.lang-item-es .nav-link-text:after { content: "ES"; }

/* El tema subraya el elemento activo del menu: aqui sobra */
.wd-nav-header > li.lang-item > a:before,
.wd-nav-header > li.lang-item > a:after {
	display: none !important;
}

/* --- Menu lateral movil: lista, con el nombre completo visible --- */
.wd-nav-mobile > li.lang-item > a,
.mobile-nav li.lang-item > a {
	display: flex;
	align-items: center;
	gap: 8px;
}
.wd-nav-mobile > li.lang-item.current-lang > a {
	color: var(--wd-primary-color, rgb(255, 165, 162));
	font-weight: 700;
}
.wd-nav-mobile > li.lang-item img,
.mobile-nav li.lang-item img {
	width: 18px;
	height: 12px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .07);
}