:root {
  --sticky-z: 9999;
  --sticky-bg: #fff;
  --safe-top: env(safe-area-inset-top, 0px);
}

/* Placeholder pour garder la place à l'emplacement d'origine */
.sticky-search__placeholder {
  width: 100%;
}

/* Form en haut en plein largeur quand sticky */
.sticky-search--floating {
  position: fixed !important;
  top: calc(0px + var(--safe-top));
  left: 0;
  right: 0;
  width: 100%;
  max-width: 524px;
  margin: auto;
  background-color: var(--sticky-bg);
  z-index: var(--sticky-z);
  padding: .5rem .75rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  /* pas de transition / pas de transform animé */
  transition: none !important;
  transform: none !important;
}

/* INPUT : ombre haut + gauche + bas quand il est focus */
#views-exposed-form-search-api-block-2 #edit-search-api-fulltext:focus {
  box-shadow:
    none;
}

/* BOUTON : ombre haut + droite + bas quand l'INPUT est focus */
#views-exposed-form-search-api-block-2:has(#edit-search-api-fulltext:focus) #edit-actions {
  box-shadow:
    none;
}

#views-exposed-form-search-api-block-2 {
  position: static !important;
  transform: none !important;
  transition: none !important;
}