/* ==========================================================================
   RCH-1 — recherche produits : suggestions, loupe mobile, page vide.

   Mise en file sur tout le site (functions.php,
   digic_child_recherche_assets) : le formulaire de l en-tete et le panneau
   mobile sont presents partout. Les suggestions gardent le balisage et les
   classes du parent (.result-search-products, .item-search, .item-image,
   .item-content, .price, .no-result-item) : sa mise en forme s applique ;
   cette feuille n ajoute que ce que RCH-1 introduit.
   ========================================================================== */

/* 1. Casse reelle des titres. Le parent capitalisait chaque mot
   (template.css, « .item-content a », en-tete et panneau) sur des titres que
   son script passait en minuscules : « Adobe Acrobat Studio For Teams ». Le
   titre arrive desormais dans sa casse : il s affiche tel quel. */
.bwp-header .header-search-form .result-search-products .item-search .item-content a,
.search-overlay .search-from .result-search-products .item-content > a{
  text-transform:none;
}

/* 2. Options : ce sont elles, et non des liens, qui portent la navigation
   (js/recherche.js) ; curseur de lien conserve.

   Option active au clavier (aria-selected) : meme fond que le survol des
   listes du theme, et un filet a gauche pour ne pas reposer sur la seule
   couleur. */
.result-search-products [role="option"][data-url],
.result-search-products [role="option"][data-url] a{
  cursor:pointer;
}
.result-search-products [role="option"].smg-actif{
  background:#f2f2f2;
  box-shadow:inset 3px 0 0 #218663;
}

/* 3. « Voir tous les résultats (n) », derniere option de la liste. */
.result-search-products .smg-recherche-tous{
  list-style:none;
  padding:12px 0 0;
  text-align:center;
}
.result-search-products .smg-recherche-tous a{
  font-weight:600;
  color:#218663;
  text-decoration:underline;
}
.search-overlay .search-from .result-search-products .smg-recherche-tous{
  display:block;
  width:100%;
  padding:0 15px 20px;
}
.result-search-products .smg-recherche-tous.smg-actif{
  box-shadow:inset 0 -3px 0 #218663;
}

/* 3 bis. Liste de l en-tete (RCH-1.1) : « Voir tous les résultats (n) » colle
   au bas de la zone qui defile et reste visible sans defiler. Mesure RCH-1.1
   a 1440 : active au clavier, scrollIntoView (block nearest) le calait
   contre le bord du conteneur, sans la marge de 30 px de la liste, et le
   rognait de moins d un pixel. Le parent donne a la liste padding:30px ;
   bottom:-30px place le lien au bord du cadre, la marge negative retire la
   meme hauteur du defilement, le fond blanc masque les suggestions qui
   passent dessous, le filet du haut reprend celui des suggestions. Le lien
   reste une option de la listbox : modele combobox inchange.
   scroll-padding-bottom : hauteur du lien (54 px mesures) reservee au
   scrollIntoView du clavier, sans quoi l option active se calait sous le
   lien (mesure RCH-1.1 : 54 px masques). */
.bwp-header .header-search-form .result-search-products:has(.smg-recherche-tous){
  scroll-padding-bottom:55px;
}
.bwp-header .header-search-form .result-search-products .smg-recherche-tous{
  position:sticky;
  bottom:-30px;
  z-index:1;
  margin-bottom:-30px;
  padding:12px 0 20px;
  background:#fff;
  box-shadow:0 -1px 0 #f5f5f5;
}
.bwp-header .header-search-form .result-search-products .smg-recherche-tous.smg-actif{
  box-shadow:0 -1px 0 #f5f5f5, inset 0 -3px 0 #218663;
}

/* 4. Loupe de la barre mobile, devenue un <button> (js/recherche.js) : sans
   bordure ni fond de navigateur, et la meme boite que le <div> du parent —
   bloc pleine largeur de sa cellule, taille de 20 px de la regle du parent
   (template.css, « .header-mobile-fixed .search-toggle »), interligne herite.
   Mesure RCH-1 : un bouton en ligne a la police heritee faisait 25 px de haut
   au lieu de 34 et decalait de 5 px les icones de la barre. Focus visible. */
.bwp-header .header-mobile .header-mobile-fixed button.search-toggle{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  font-family:inherit;
  line-height:inherit;
  text-align:center;
  color:#000;
  cursor:pointer;
}
.bwp-header .header-mobile .header-mobile-fixed button.search-toggle:focus-visible{
  outline:3px solid #333;
  outline-offset:2px;
}

/* 4 bis. « Fermer » du panneau, devenu un <button> (RCH-1.1, js/recherche.js) :
   styles de bouton du navigateur neutralises ; taille, graisse, capitales,
   marge et icone restent ceux du parent (template.css,
   « .search-overlay .close-search »). Focus visible. */
.search-overlay .search-top button.close-search{
  padding:0;
  border:0;
  background:transparent;
  font-family:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  cursor:pointer;
}
.search-overlay .search-top button.close-search:hover{
  color:#f03333;
}
.search-overlay .search-top button.close-search:focus-visible{
  outline:3px solid #333;
  outline-offset:2px;
}

/* 5. Page vide de la recherche : deux paragraphes dans la notice. */
.smg-recherche-vide .woocommerce-info p{
  margin:0;
}
.smg-recherche-vide .woocommerce-info p + p{
  margin-top:6px;
}
.smg-recherche-vide .woocommerce-info a{
  color:#218663;
  text-decoration:underline;
}