/**
 * @file
 * Language switcher styles for Travila theme
 * Basé sur la structure HTML et CSS du template original
 */

/* === LANGUAGE ICON & DROPDOWN === */

.icon-lang {
  display: inline-block;
  cursor: pointer;
  padding: 0px 0px 0px 26px;
  color: var(--bs-neutral-1000);
  background: url(../imgs/template/icons/lang.svg) no-repeat left center;
  transition: color 0.3s ease;
}

.icon-lang:hover {
  color: var(--color-orange-earth) !important;
}

.icon-lang span {
  display: inline-block;
  padding: 0px 18px 0px 0px;
  background: url(../imgs/template/icons/arrow-down-sm.svg) no-repeat right center;
}

/* === DROPDOWN STRUCTURE === */

.box-dropdown-cart {
  position: relative;
}

.box-dropdown-cart .dropdown-account, 
.box-dropdown-cart .dropdown-cart {
  padding: 25px 25px;
  width: 120px;
}

.box-dropdown-cart .dropdown-cart {
  width: 90px;
}
.box-dropdown-cart .dropdown-account ul,
.box-dropdown-cart .dropdown-cart ul {
  margin: 0;
  padding: 0;
}
.box-dropdown-cart .dropdown-account ul li, 
.box-dropdown-cart .dropdown-cart ul li {
  margin-bottom: 15px;
}

.box-dropdown-cart .dropdown-account ul li a, 
.box-dropdown-cart .dropdown-cart ul li a {
  color: var(--bs-neutral-1000);
  text-decoration: none;
  transition-duration: 0.2s;
}

.box-dropdown-cart .dropdown-account ul li a:hover, 
.box-dropdown-cart .dropdown-cart ul li a:hover {
  margin-left: 5px;
  transition-duration: 0.2s;
  color: var(--color-orange-earth) !important;
}

/* === DROPDOWN POSITIONING === */

.dropdown-account, 
.dropdown-cart {
  right: 0;
  display: none;
  visibility: hidden;
  position: absolute;
  top: calc(100% + 30px);
  border-radius: 8px;
  z-index: 99;
  width: 220px;
  background-color: var(--bs-neutral-0);
  padding: 22px;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.07);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid var(--bs-neutral-100);
}

.dropdown-account.dropdown-open, 
.dropdown-cart.dropdown-open {
  display: block;
  visibility: visible;
}

.dropdown-account ul li, 
.dropdown-cart ul li {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px;
}

.dropdown-account ul li:last-child, 
.dropdown-cart ul li:last-child {
  margin: 0;
}

.dropdown-account ul li a, 
.dropdown-cart ul li a {
  color: var(--bs-neutral-1000);
  transition: all 0.3s ease;
}

.dropdown-account ul li a:hover, 
.dropdown-cart ul li a:hover {
  color: var(--color-orange-earth) !important;
}

/* === DARK MODE SUPPORT === */

[data-bs-theme=dark] .icon-lang {
  background: url(../imgs/template/icons/lang-w.svg) no-repeat left center;
}

[data-bs-theme=dark] .icon-lang span {
  background: url(../imgs/template/icons/arrow-down-sm-w.svg) right center no-repeat;
}

/* === RESPONSIVE === */

@media (max-width: 1400px) {
  .d-xxl-inline-block {
    display: none !important;
  }
}

/* === JAVASCRIPT INTERACTION === */

/* Classe pour le click uniquement sur le dropdown */
.box-dropdown-cart.dropdown-active .dropdown-account {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Supprimer le comportement hover automatique */
.box-dropdown-cart:hover .dropdown-account {
  /* Pas d'action au hover */
}

/* Debug - rendre visible temporairement pour test */
.box-dropdown-cart .dropdown-account {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

/* Test temporaire - forcer l'affichage pour debug */
.box-dropdown-cart .dropdown-account {
  position: absolute !important;
  z-index: 9999 !important;
}

/* === TYPOGRAPHY CLASSES === */

.text-14-medium {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
}

.text-sm-medium {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}

.icon-list {
  display: inline-block;
}

.icon-account {
  /* Styles pour l'icône de compte si nécessaire */
}

.arrow-down {
  /* Styles pour la flèche vers le bas */
}

.align-middle {
  vertical-align: middle;
}

.mr-15 {
  margin-right: 15px;
}

/* === MOBILE LANGUAGE SWITCHER === */

.sidebar-canvas-lang .box-dropdown-cart {
  display: inline-block;
  margin-right: 15px;
}

.mobile-header-wrapper-inner .lang-curr-dropdown {
  margin-top: 5px;
  display: none;
  background-color: transparent;
  box-shadow: none;
  padding: 10px 0 0 0;
  width: 100%;
  z-index: 11;
}

.mobile-header-wrapper-inner .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}

.mobile-header-wrapper-inner .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}

.mobile-header-wrapper-inner .lang-curr-dropdown ul li a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
}

.mobile-header-wrapper-inner .lang-curr-dropdown ul li a:hover {
  color: var(--color-orange-earth);
}