/* ============================================================
   NT GROUP — MODIFICACIONES DE NAVEGACIÓN
   Archivo: añadir a style.css del tema nt-group-theme
   ============================================================ */

/* ── 1. LOGO — doblar tamaño ────────────────────────────── */
.site-header .site-logo img,
.site-header .custom-logo,
header .logo img,
header img.logo,
.navbar-brand img,
#site-logo img {
  width: auto !important;
  max-height: 80px !important; /* ajusta según el alto real del logo */
  transform: scale(1);
  transition: opacity 0.2s ease;
}

/* Si el logo está en un contenedor con restricción de ancho */
.site-header .site-logo,
.site-header .custom-logo-link {
  display: flex;
  align-items: center;
}


/* ── 2. NAV — estilos base compartidos ─────────────────── */
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0;
}

.main-navigation ul li {
  position: relative;
}

.main-navigation ul li a {
  display: block;
  padding: 0 18px;
  letter-spacing: 0.12em;
  font-size: 0.78rem;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.2s ease;
}


/* ── 3. DIVISIONS — dropdown ────────────────────────────── */
/* Ocultar el enlace plano de Divisions del menú de WP
   y mostrar solo nuestro custom dropdown */
.nav-divisions-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.nav-divisions-dropdown > .nav-trigger {
  padding: 0 18px;
  letter-spacing: 0.12em;
  font-size: 0.78rem;
  text-transform: uppercase;
  cursor: pointer;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  background: none;
  border: none;
  font-family: inherit;
  font-weight: inherit;
}

.nav-divisions-dropdown > .nav-trigger::after {
  content: '▾';
  font-size: 0.7rem;
  transition: transform 0.25s ease;
  display: inline-block;
}

.nav-divisions-dropdown:hover > .nav-trigger::after,
.nav-divisions-dropdown.open > .nav-trigger::after {
  transform: rotate(180deg);
}

.nav-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(20, 20, 20, 0.97);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  min-width: 200px;
  border-top: 2px solid rgba(255,255,255,0.15);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
  transform: translateX(-50%) translateY(-6px);
  z-index: 9999;
  pointer-events: none;
}

.nav-divisions-dropdown:hover .nav-dropdown-menu,
.nav-divisions-dropdown.open .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}

.nav-dropdown-menu a {
  display: block;
  padding: 11px 20px;
  font-size: 0.76rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.78);
  text-decoration: none;
  transition: color 0.15s ease, background 0.15s ease;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.nav-dropdown-menu a:last-child {
  border-bottom: none;
}

.nav-dropdown-menu a:hover {
  color: #fff;
  background: rgba(255,255,255,0.06);
  padding-left: 26px;
}


/* ── 4. LANGUAGE SWITCHER — dropdown ────────────────────── */
.nav-lang-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: 16px;
}

.nav-lang-dropdown > .nav-trigger {
  padding: 0 12px;
  letter-spacing: 0.12em;
  font-size: 0.78rem;
  text-transform: uppercase;
  cursor: pointer;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  background: none;
  border: none;
  font-family: inherit;
  font-weight: inherit;
}

.nav-lang-dropdown > .nav-trigger::after {
  content: '▾';
  font-size: 0.7rem;
  transition: transform 0.25s ease;
  display: inline-block;
}

.nav-lang-dropdown:hover > .nav-trigger::after,
.nav-lang-dropdown.open > .nav-trigger::after {
  transform: rotate(180deg);
}

.nav-lang-dropdown .nav-dropdown-menu {
  right: 0;
  left: auto;
  transform: translateX(0) translateY(-6px);
  min-width: 100px;
}

.nav-lang-dropdown:hover .nav-dropdown-menu,
.nav-lang-dropdown.open .nav-dropdown-menu {
  transform: translateX(0) translateY(0);
}

/* Ocultar el switcher de idiomas original de WPML/Polylang */
.wpml-ls,
.pll-parent-menu-item,
.lang-item,
#lang_sel,
.language-switcher-original {
  display: none !important;
}


/* ── 5. BANNER — eliminar NT Travel, centrar contenido ──── */
.hero-section,
.banner-section,
.home-banner,
[class*="banner"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Ocultar elemento NT Travel dentro del banner */
.hero-section .nt-travel-label,
.banner-section .nt-travel-label,
.hero-nt-travel,
[class*="banner"] .nt-travel {
  display: none !important;
}

/* Centrar título y subtítulo del banner */
.hero-section h1,
.hero-section h2,
.hero-section p,
.banner-section h1,
.banner-section h2,
.banner-section p,
[class*="banner"] h1,
[class*="banner"] h2,
[class*="banner"] p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}


/* ── 6. MOBILE — responsive ─────────────────────────────── */
@media (max-width: 768px) {

  /* Logo — moderado en móvil */
  .site-header .site-logo img,
  .site-header .custom-logo,
  header .logo img {
    max-height: 52px !important;
  }

  /* Nav mobile: columna vertical */
  .main-navigation ul {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .main-navigation ul li a {
    padding: 12px 16px;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.07);
  }

  /* Dropdowns en móvil: desplegable estático */
  .nav-divisions-dropdown,
  .nav-lang-dropdown {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-divisions-dropdown > .nav-trigger,
  .nav-lang-dropdown > .nav-trigger {
    width: 100%;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
  }

  .nav-dropdown-menu,
  .nav-lang-dropdown .nav-dropdown-menu {
    position: static;
    transform: none !important;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    background: rgba(10,10,10,0.85);
    border-top: none;
    border-left: 3px solid rgba(255,255,255,0.12);
    margin-left: 16px;
    display: none;
    width: calc(100% - 16px);
  }

  .nav-divisions-dropdown.open .nav-dropdown-menu,
  .nav-lang-dropdown.open .nav-dropdown-menu {
    display: block;
  }

  .nav-lang-dropdown {
    margin-left: 0;
  }

  /* Banner en móvil */
  .hero-section,
  .banner-section,
  [class*="banner"] {
    padding: 40px 20px;
  }
}