/* Les Avisés V46.6 — recherche mobile stable + classement mobile sans doublon + recommandation live */

/* Bouton de recommandation sobre, utilisable sur toutes les tailles. */
.lav41-rank-recommend{
  width:34px;height:34px;display:grid;place-items:center;padding:0;
  border:1px solid #9eb4ad;border-radius:50%;background:#fff;color:#0d5448;
  cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
  font-size:0;line-height:1;
}
.lav41-rank-recommend svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.lav41-rank-recommend:hover,.lav41-rank-recommend:focus-visible{background:#eef5f2;border-color:#0d5448;outline:0;transform:translateY(-1px)}
.lav41-rank-recommend.is-done{background:#0d5448;color:#fff;border-color:#0d5448;transform:none}
.lav41-rank-recommend.is-done::before{content:'✓';font:700 16px/1 'DM Sans',Arial,sans-serif}
.lav41-rank-recommend:disabled{cursor:default;opacity:1}
.lav41-rank-row.is-ranking-motion{will-change:transform}
.lav41-rank-row.is-rank-promoted{border-color:rgba(13,84,72,.48)!important;box-shadow:0 12px 30px rgba(13,84,72,.13)!important;background:#fbfffd!important}
.lav41-rank-row.is-rank-confirmed{box-shadow:0 8px 22px rgba(13,84,72,.09)!important}

@media(max-width:760px){
  /* Recherche mobile : le champ actif devient une feuille fixe. Ainsi le clavier
     ne pousse plus le hero et la liste garde une vraie hauteur scrollable. */
  html.lav466-mobile-finder-mode,html.lav466-mobile-finder-mode body{overflow:hidden!important;overscroll-behavior:none!important}
  html.lav466-mobile-finder-mode .lav41-home .lav41-hero-search{
    position:fixed!important;z-index:10050!important;top:10px!important;left:12px!important;right:12px!important;bottom:auto!important;
    width:auto!important;max-width:none!important;transform:none!important;margin:0!important;
  }
  html.lav466-mobile-finder-mode .lav41-home .lav41-finder{
    position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;
    padding:7px 44px 7px 7px!important;border-radius:9px!important;background:#fff!important;
    box-shadow:0 18px 55px rgba(5,36,31,.24)!important;overflow:visible!important;
  }
  html.lav466-mobile-finder-mode .lav41-home .lav41-finder>.lav312-finder-field{display:none!important}
  html.lav466-mobile-finder-mode .lav41-home .lav41-finder>.lav312-finder-field.is-lav466-active{
    display:flex!important;min-height:62px!important;padding:7px 10px!important;border:0!important;background:#fff!important;
  }
  html.lav466-mobile-finder-mode .lav41-home .lav41-finder>button{display:none!important}
  .lav466-search-close{
    display:none;position:absolute;z-index:10054;right:11px;top:19px;width:31px;height:31px;padding:0;border:0;border-radius:50%;
    background:#f1f3ef;color:#17483f;font:500 21px/31px Arial,sans-serif;text-align:center;cursor:pointer
  }
  html.lav466-mobile-finder-mode .lav466-search-close{display:block}
  html.lav466-mobile-finder-mode .lav41-home .lav312-finder-field.is-lav466-active .lav-suggestions{
    position:fixed!important;z-index:10052!important;top:86px!important;left:12px!important;right:12px!important;bottom:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:calc(var(--lav466-visual-height, 100dvh) - 98px)!important;max-height:none!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
    padding:6px!important;border:1px solid #d7ddd8!important;border-radius:9px!important;background:#fff!important;
    box-shadow:0 18px 50px rgba(5,36,31,.2)!important;
  }
  html.lav466-mobile-finder-mode .lav41-home .lav-suggestions.is-above{top:86px!important;bottom:auto!important}
  html.lav466-mobile-finder-mode .lav41-home .lav-suggestions-heading{
    position:sticky!important;top:-6px!important;padding:11px 12px 9px!important;margin:-6px -6px 3px!important;
    background:rgba(255,255,255,.98)!important;backdrop-filter:blur(8px)!important;
  }
  html.lav466-mobile-finder-mode .lav41-home .lav-suggestions button[role=option]{min-height:51px!important;padding:7px 9px!important}

  /* Sur mobile le podium visuel est redondant avec la liste juste dessous. */
  .lav41-ranking .lav41-top3{display:none!important}
  .lav41-ranking .lav41-rank-layout{padding-top:16px!important}

  /* Pouce discret directement sur chaque fiche du classement. */
  .lav41-ranking .lav41-ranking-list .lav41-rank-row{position:relative!important}
  .lav41-ranking .lav41-rank-main{padding-right:36px!important}
  .lav41-ranking .lav41-rank-recommend{
    position:absolute!important;right:10px!important;top:10px!important;width:32px!important;height:32px!important;
    z-index:3!important;background:#fff!important;
  }
  .lav41-ranking .lav41-rank-recommend.is-done{background:#0d5448!important}
  .lav41-ranking .lav41-rank-recommend svg{width:16px!important;height:16px!important}
}

/* V47.2 — definitive mobile finder layer. Close control is outside the form so it
   can never inherit .lav41-finder > button / submit styles. */
@media(max-width:760px){
  .lav466-search-backdrop{display:none!important;position:fixed!important;z-index:10040!important;inset:0!important;background:#f8f6f1!important}
  html.lav466-mobile-finder-mode .lav466-search-backdrop{display:block!important}
  .lav466-search-close{display:none!important;position:fixed!important;z-index:10070!important;top:calc(var(--lav466-visual-top,10px) + 15px)!important;right:24px!important;width:34px!important;height:34px!important;min-height:34px!important;max-width:34px!important;padding:0!important;margin:0!important;border:1px solid #d6ddd8!important;border-radius:50%!important;background:#fff!important;color:#0d5448!important;font:500 22px/1 Arial,sans-serif!important;box-shadow:none!important;align-items:center!important;justify-content:center!important}
  html.lav466-mobile-finder-mode .lav466-search-close{display:flex!important}
  html.lav466-mobile-finder-mode .lav41-home .lav41-hero-search{top:var(--lav466-visual-top,10px)!important;left:12px!important;right:12px!important;z-index:10060!important}
  html.lav466-mobile-finder-mode .lav41-home .lav41-finder{padding:7px 54px 7px 7px!important;border:1px solid #d7ddd8!important;border-radius:9px!important;box-shadow:0 10px 32px rgba(5,36,31,.12)!important}
  html.lav466-mobile-finder-mode .lav41-home .lav41-finder>.lav312-finder-field.is-lav466-active{min-height:62px!important}
  html.lav466-mobile-finder-mode .lav41-home .lav41-finder>button:not(.lav466-search-close){display:none!important}
  html.lav466-mobile-finder-mode .lav41-home .lav312-finder-field.is-lav466-active .lav-suggestions{top:calc(var(--lav466-visual-top,10px) + 76px)!important;height:calc(var(--lav466-visual-height,100dvh) - 92px)!important;border-radius:8px!important;box-shadow:none!important;border:1px solid #d7ddd8!important}
}