/* EDOUARGOT - volets déroulants visibles
   Version propre : ne modifie plus .custom-nav.
   Corrige uniquement les filtres/select.
   Ne touche pas à l'escargot.
   Ne touche pas au bandeau.
*/

/* La vidéo reste derrière */
.edo-video-ciel0-global,
#video-bg {
  z-index: 0 !important;
  pointer-events: none !important;
}

/* Filtres / select au-dessus de la vidéo */
#tag-filter-container,
#filters-form,
.select-wrapper {
  position: relative !important;
  z-index: 80 !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  isolation: isolate !important;
  contain: none !important;
}

/* Fond lisible uniquement autour des filtres, pas sur la nav */
#tag-filter-container {
  background: rgba(255, 250, 240, 0.72) !important;
  border: 1px solid rgba(245, 192, 99, 0.36) !important;
  border-radius: 22px !important;
  padding: 12px !important;
  backdrop-filter: blur(4px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(4px) saturate(1.03) !important;
}

/* Select visibles */
select,
.select-wrapper select,
#filters-form select {
  position: relative !important;
  z-index: 90 !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;

  background: #fffaf0 !important;
  color: #330705 !important;
  -webkit-text-fill-color: #330705 !important;

  border: 1px solid rgba(51, 7, 5, 0.22) !important;
  border-radius: 999px !important;
  padding: 10px 38px 10px 14px !important;

  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

select option {
  background: #fffaf0 !important;
  color: #330705 !important;
}

/* Menus HTML custom éventuels, sans modifier la barre d'onglets */
.dropdown-menu,
.sub-menu,
.nav-dropdown,
.menu-dropdown,
.has-children > ul {
  position: absolute !important;
  z-index: 9999 !important;
  overflow: visible !important;
  background: #fffaf0 !important;
  color: #330705 !important;
  border: 1px solid rgba(51, 7, 5, 0.16) !important;
  box-shadow: 0 18px 42px rgba(51, 7, 5, 0.22) !important;
}

/* Mobile */
@media (max-width: 768px) {
  #tag-filter-container,
  #filters-form,
  .select-wrapper {
    overflow: visible !important;
    z-index: 120 !important;
  }

  select,
  .select-wrapper select,
  #filters-form select {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 1rem !important;
  }
}