/*
 * FL Hyper Search 1.0.2
 * La recherche reste sous tous les menus du thème.
 */
.flhs {
  z-index: 10 !important;
  isolation: isolate;
}

.flhs-panel {
  z-index: 11 !important;
}

.flhs-mark {
  overflow: visible;
}

.flhs-mark-glass {
  transform-origin: 50% 50%;
  animation: flhs-lens-breathe 1.85s ease-in-out infinite;
}

.flhs-mark-glass::after {
  transform-origin: 1px 1px;
}

.flhs-mark::after {
  position: absolute;
  inset: -4px;
  border: 1px solid rgba(242, 138, 24, .32);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  animation: flhs-lens-halo 1.85s ease-in-out infinite;
}

.flhs-input:focus ~ .flhs-panel,
.flhs.is-open .flhs-panel {
  z-index: 11 !important;
}

.flhs.is-open .flhs-mark-glass {
  animation-duration: 1.05s;
}

.flhs.is-open .flhs-mark::after {
  animation-duration: 1.05s;
}

@keyframes flhs-lens-breathe {
  0%, 100% {
    transform: scale(.82);
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, .25));
  }
  50% {
    transform: scale(1.2);
    filter: drop-shadow(0 0 5px rgba(255, 158, 34, .95));
  }
}

@keyframes flhs-lens-halo {
  0%, 100% {
    opacity: .2;
    transform: scale(.78);
    box-shadow: 0 0 0 rgba(242, 138, 24, 0);
  }
  50% {
    opacity: .9;
    transform: scale(1.08);
    box-shadow: 0 0 12px rgba(242, 138, 24, .58);
  }
}

@media (max-width: 767px) {
  .flhs {
    z-index: 10 !important;
  }

  .flhs-panel {
    z-index: 11 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .flhs-mark-glass,
  .flhs-mark::after {
    animation: none !important;
  }
}
