/**
 * lcm_aisearch — Bouton "Recherche IA" (sparkles) injecté dans la barre native.
 * Cible le thème hummingbird PS9 : .ps-searchbar__form { position:relative } avec icônes
 * absolues (loupe .ps-searchbar__magnifier à gauche, clear .ps-searchbar__clear à droite).
 * On ancre le bouton ✨ à droite et on décale le clear natif pour éviter le chevauchement.
 * (Sélecteurs legacy #search_widget / .search-widgets conservés en filet de sécurité.)
 */

/* Sparkle noir sur fond transparent : s'aligne visuellement sur la loupe native
   (.ps-searchbar__magnifier, elle aussi en var(--bs-body-color) sur transparent).
   Pas de pavé/gradient/ombre — un simple bouton-icône. */
.lcm-ai-search-trigger {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  z-index: 3;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  margin: 0;

  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--bs-body-color, #1d1d1b);
  transition: transform 0.18s ease, color 0.18s ease;
}

.lcm-ai-search-trigger:hover,
.lcm-ai-search-trigger:focus-visible {
  transform: translateY(-50%) scale(1.12);
  color: var(--bs-link-hover-color, #b4673a);
  outline: none;
}

.lcm-ai-search-trigger:active {
  transform: translateY(-50%) scale(0.96);
}

/* === Système d'icônes SVG partagé (masque CSS) ============================
   Une seule source .svg par icône, recolorable via `currentColor`. Réutilisable
   à la fois côté JS (ce bouton) ET côté Smarty (page de résultats), sans dupliquer
   le tracé. Indépendant de la police Material Icons du thème (subsettée, sans
   `auto_awesome`). Chargé sur toutes les pages front via le hook média du module. */
.lcm-ais-ic {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.lcm-ais-ic--spark  { -webkit-mask-image: url("../img/icons/spark.svg");  mask-image: url("../img/icons/spark.svg"); }
.lcm-ais-ic--help   { -webkit-mask-image: url("../img/icons/help.svg");   mask-image: url("../img/icons/help.svg"); }
.lcm-ais-ic--bulb   { -webkit-mask-image: url("../img/icons/bulb.svg");   mask-image: url("../img/icons/bulb.svg"); }
.lcm-ais-ic--search { -webkit-mask-image: url("../img/icons/search.svg"); mask-image: url("../img/icons/search.svg"); }

/* Taille du sparkle dans le bouton de recherche (statique, pas d'animation). */
.lcm-ai-search-trigger .lcm-ais-ic {
  width: 18px;
  height: 18px;
}

/* On réserve de la place à droite de l'input et on décale le bouton "clear" natif
   vers la gauche pour éviter le chevauchement avec le bouton ✨.
   - hummingbird PS9 : .ps-searchbar__input / .ps-searchbar__clear (absolute, right:0.75rem).
   - legacy/classic  : #search_widget / .search-widgets (filet de sécurité). */
.ps-searchbar__form .ps-searchbar__input,
#search_widget form input,
.search-widgets form input {
  padding-inline-end: 4.75rem;
}

.ps-searchbar__form .ps-searchbar__clear {
  right: 2.75rem;
}

#search_widget form i.clear,
.search-widgets form i.clear {
  right: 44px;
}

@media (prefers-reduced-motion: reduce) {
  .lcm-ai-search-trigger {
    transition: none;
  }
}