/* Toggle ES | EN (marca Floral Xpress) */

.fx-lang-toggle {
  display: inline-flex;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(173, 147, 113, 0.45);
  background: rgba(255, 255, 255, 0.92);
  vertical-align: middle;
}

.fx-lang-btn {
  padding: 5px 12px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  border: none;
  background: transparent;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  line-height: 1.2;
  margin: 0;
}

.fx-lang-btn:hover,
.fx-lang-btn:focus {
  color: #AD9371;
  outline: none;
}

.fx-lang-btn.is-active {
  background: #AD9371;
  color: #fff;
}

.fx-lang-btn + .fx-lang-btn {
  border-left: 1px solid rgba(173, 147, 113, 0.35);
}

.fx-lang-toggle--header {
  margin-top: 4px;
}

.fx-lang-toggle--drawer {
  margin: 28px 20px 16px;
  align-self: flex-start;
}

/*
 * Un solo idioma visible:
 * - ≥992px: solo cabecera (barra superior home / junto al carrito interior).
 * - ≤991px: solo dentro del cajón móvil (.fx-lang-toggle--drawer).
 */
@media (max-width: 991px) {
  #header-v1 .language .fx-lang-toggle,
  #header-v3 .fx-lang-switch-item,
  .fx-cotizacion-header-title .fx-lang-toggle:not(.fx-lang-toggle--drawer) {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .fx-lang-toggle--drawer {
    display: none !important;
  }

  /* Cabecera: control ligero (el cajón móvil mantiene el estilo “pill” por defecto) */
  #header-v1 .language .fx-lang-toggle,
  #header-v3 .fx-lang-switch-item .fx-lang-toggle,
  .fx-cotizacion-header-title .fx-lang-toggle {
    border-radius: 5px;
    border: 1px solid rgba(173, 147, 113, 0.2);
    background: transparent;
    box-shadow: none;
  }

  #header-v1 .language .fx-lang-btn,
  #header-v3 .fx-lang-switch-item .fx-lang-btn,
  .fx-cotizacion-header-title .fx-lang-btn {
    padding: 4px 11px;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0.045em;
    color: rgba(59, 44, 44, 0.55);
  }

  #header-v1 .language .fx-lang-btn + .fx-lang-btn,
  #header-v3 .fx-lang-switch-item .fx-lang-btn + .fx-lang-btn,
  .fx-cotizacion-header-title .fx-lang-btn + .fx-lang-btn {
    border-left-color: rgba(173, 147, 113, 0.18);
  }

  #header-v1 .language .fx-lang-btn:hover,
  #header-v1 .language .fx-lang-btn:focus,
  #header-v3 .fx-lang-switch-item .fx-lang-btn:hover,
  #header-v3 .fx-lang-switch-item .fx-lang-btn:focus,
  .fx-cotizacion-header-title .fx-lang-btn:hover,
  .fx-cotizacion-header-title .fx-lang-btn:focus {
    color: #AD9371;
    background: transparent;
  }

  #header-v1 .language .fx-lang-btn.is-active,
  #header-v3 .fx-lang-switch-item .fx-lang-btn.is-active,
  .fx-cotizacion-header-title .fx-lang-btn.is-active {
    background: transparent;
    color: #AD9371;
    font-weight: 600;
  }

  /* Home sobre el hero: texto claro */
  #header-v1.pos-header .language .fx-lang-toggle {
    border-color: rgba(255, 255, 255, 0.22);
  }

  #header-v1.pos-header .language .fx-lang-btn {
    color: rgba(59, 44, 44, 0.55);
  }

  #header-v1.pos-header .language .fx-lang-btn:hover,
  #header-v1.pos-header .language .fx-lang-btn:focus {
    color: #AD9371;
  }

  #header-v1.pos-header .language .fx-lang-btn.is-active {
    color: #AD9371;
  }

  #header-v1.pos-header .language .fx-lang-btn + .fx-lang-btn {
    border-left-color: rgba(255, 255, 255, 0.2);
  }

  #header-v1.header-scrolled .language .fx-lang-toggle {
    border-color: rgba(173, 147, 113, 0.22);
  }

  .fx-lang-toggle--header {
    margin-top: 3px;
  }
}

/* Interior: junto al carrito (solo desktop; en móvil oculto arriba) */
#header-v3 .fx-lang-switch-item {
  list-style: none;
  display: inline-flex;
  align-items: center;
  padding-top: 20px;
  padding-right: 8px;
}