/*
 * navbar.css — v1
 * Botón de idioma integrado en el menú desktop.
 * En mobile (< 1300px) el hamburger queda libre.
 */

/* ══════════════════════════════════════════
   OCULTAR ORIGINALES — máxima especificidad
   ══════════════════════════════════════════ */
nav.navbar .navbar-button,
nav.navbar .language-switcher {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* ══════════════════════════════════════════
   BOTÓN DE IDIOMA en el <ul class="menu">
   ══════════════════════════════════════════ */
.navbar .site-menu ul li.tc-nav-lang {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 8px !important;
}

/* El botón toggle */
.navbar .site-menu ul li.tc-nav-lang a#tc-lang-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: rgba(255,255,255,0.80) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 5px 12px !important;
  border: 1.5px solid rgba(255,255,255,0.30) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.08) !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.navbar .site-menu ul li.tc-nav-lang a#tc-lang-btn:hover {
  color: #fff !important;
  border-color: rgba(255,255,255,0.60) !important;
  background: rgba(255,255,255,0.15) !important;
  text-decoration: none !important;
}

/* Ocultar los span de animación del template en este botón */
.navbar .site-menu ul li.tc-nav-lang .border {
  display: none !important;
}

/* ══════════════════════════════════════════
   MOBILE < 1300px — ocultar lang del nav
   Hamburger libre
   ══════════════════════════════════════════ */
@media (max-width: 1299px) {
  .navbar .site-menu ul li.tc-nav-lang {
    display: none !important;
  }

  .navbar .hamburger-menu {
    display: block !important;
    margin-left: auto !important;
    margin-right: 20px !important;
    z-index: 100 !important;
  }
}

/* Forzar borde rojo en el botón de idioma */
.navbar .site-menu ul li.tc-nav-lang a,
.navbar .site-menu ul li.tc-nav-lang a#tc-lang-btn {
  border: 2.5px solid #E53E3E !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.25) !important;
}