/* Idiomas — Haciendas Horizonte */

/* Dropdown que se inyecta en el globo del header (theme) */
.hhi-dd-wrap { position: relative; display: inline-flex; }
.hh-lang-select .hh-chev { transition: transform .25s ease; }
.hhi-dd-wrap.open .hh-lang-select .hh-chev { transform: rotate(180deg); }

.hhi-menu { position: absolute; top: calc(100% + 10px); right: 0; min-width: 158px; background: #fff; border-radius: 12px; box-shadow: 0 14px 38px rgba(29,53,53,.20); padding: 6px; z-index: 99999; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .2s ease, transform .2s ease, visibility .2s; font-family: 'Poppins', sans-serif; }
.hhi-dd-wrap.open .hhi-menu, .hhi-lang.open .hhi-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.hhi-opt { display: flex; align-items: center; gap: 9px; width: 100%; box-sizing: border-box; padding: 9px 12px; border-radius: 8px; text-decoration: none; font-size: 14px; color: #1d3535; cursor: pointer; transition: background .15s ease; }
.hhi-opt:hover { background: #F5F0E8; }
.hhi-opt.is-active { background: rgba(29,53,53,.08); font-weight: 600; }
.hhi-flag { font-size: 16px; line-height: 1; }

/* Estado activo de los botones móviles del theme (por si el theme no lo trae marcado) */
.hh-lang .hh-lang-btn.is-active { background: var(--hh-gold, #d4a574); color: #fff; }

/* --- Shortcode opcional [hh_idiomas] (selector propio, clases únicas hhi-) --- */
.hhi-lang { position: relative; display: inline-block; font-family: 'Poppins', sans-serif; }
.hhi-btn { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 9999px; border: 1px solid rgba(29,53,53,.2); background: #f0ede8; color: #1d3535; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 1; transition: border-color .2s ease; }
.hhi-btn:hover { border-color: rgba(212,165,116,.6); }
.hhi-globe { width: 16px; height: 16px; stroke: #d4a574; flex: 0 0 auto; }
.hhi-code { font-weight: 600; }
.hhi-chev { width: 12px; height: 12px; stroke: currentColor; transition: transform .25s ease; flex: 0 0 auto; }
.hhi-lang.open .hhi-chev { transform: rotate(180deg); }
.hhi-lang--light .hhi-btn { background: transparent; color: #fff; border-color: rgba(255,255,255,.25); }
.hhi-lang--light .hhi-btn:hover { border-color: rgba(212,165,116,.6); }