/* JVSI - panneaux de filtres du CARROUSEL uniquement. Ne modifie pas le menu principal. */
#heroOverlay.hero-pa-mode{position:fixed;inset:0;z-index:1600;overflow:hidden}
#heroOverlay.hero-pa-mode[hidden]{display:none!important}
body.hero-overlay-open{overflow:hidden}
#heroOverlay.hero-pa-mode .hero-filter-backdrop{position:absolute;inset:0;background:rgba(239,243,242,.69);backdrop-filter:blur(3px);cursor:pointer}
#heroOverlay.hero-pa-mode .hero-pa-dialog{position:fixed;inset:0;pointer-events:none}
#heroOverlay.hero-pa-mode .hero-pa-topbar{
  pointer-events:auto;display:flex;align-items:stretch;justify-content:center;
  position:absolute;top:clamp(115px,17vh,156px);left:50%;transform:translateX(-50%);
  width:min(670px,calc(100vw - 24px));height:55px;
  border-radius:999px;overflow:hidden;background:#fff;
  box-shadow:0 5px 20px rgba(20,40,24,.12);z-index:2;
}
#heroOverlay.hero-pa-mode .hero-pa-tab,#heroOverlay.hero-pa-mode .hero-pa-tab-search{
  border:0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.65rem;
  padding:0 1.2rem;flex:1;background:#fff;color:#27313c;font-weight:750;font-size:.97rem;
}
#heroOverlay.hero-pa-mode .hero-pa-tab+.hero-pa-tab{border-left:1px solid #d9e2dc}
#heroOverlay.hero-pa-mode .hero-pa-tab.is-active{background:#f2f7f3;color:#0e8435}
#heroOverlay.hero-pa-mode .hero-pa-tab .bi{opacity:.7;font-size:.75rem}
#heroOverlay.hero-pa-mode .hero-pa-tab-search{flex:0 0 34%;justify-content:center;background:linear-gradient(90deg,#00aa9a,#68ce39);color:white}
#heroOverlay.hero-pa-mode .hero-pa-tab-search:hover,#heroOverlay.hero-pa-mode .hero-pa-apply:hover{filter:brightness(.95)}
#heroOverlay.hero-pa-mode .hero-filter-panel{
  pointer-events:auto;position:absolute;top:clamp(185px,calc(17vh + 82px),240px);
  bottom:12px;left:12px;right:12px;width:auto;max-width:none!important;
  padding:0;background:#fff;border-radius:0!important;
  box-shadow:0 12px 35px rgba(23,39,26,.1);overflow:auto;
}
#heroOverlay.hero-pa-mode .hero-pa-panel-header{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  position:sticky;top:0;z-index:3;background:#fff;border-bottom:2px solid #49bb51;
  padding:1.5rem 3.2%;min-height:100px;
}
#heroOverlay.hero-pa-mode .hero-pa-reset{border:0;background:none;text-decoration:underline;font-weight:800;color:#343c43;padding:0;font-size:1rem}
#heroOverlay.hero-pa-mode .hero-pa-reset:hover{color:#07853f}
#heroOverlay.hero-pa-mode .hero-pa-head-actions{display:flex;align-items:center;gap:.75rem}
#heroOverlay.hero-pa-mode .hero-pa-apply{
  border:0;border-radius:999px;background:linear-gradient(95deg,#00ab9d,#62cc3b);
  color:white;font-weight:800;font-size:1rem;padding:.8rem 1.8rem;min-width:180px;
}
#heroOverlay.hero-pa-mode .hero-pa-close{border:0;background:#f3f7f4;border-radius:999px;width:35px;height:35px;color:#526059}
#heroOverlay.hero-pa-mode .hero-pa-content-panel[hidden]{display:none!important}
#heroOverlay.hero-pa-mode .hero-pa-list{padding:0 4% 1rem}
#heroOverlay.hero-pa-mode .hero-pa-search-row{
  display:flex;align-items:center;gap:.6rem;margin:1rem 4% .4rem;padding:.55rem .9rem;
  border:1px solid #e5eae6;border-radius:10px;color:#77857b;max-width:450px;
}
#heroOverlay.hero-pa-mode .hero-pa-search-row input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#34423d}
#heroOverlay.hero-pa-mode .hero-pa-group{padding:0;border-bottom:1px solid #ccd5ce}
#heroOverlay.hero-pa-mode .hero-pa-group-heading{display:flex;align-items:flex-start;gap:.75rem;justify-content:space-between;padding:.9rem .4rem .45rem}
#heroOverlay.hero-pa-mode .hero-pa-maincheck{display:flex;align-items:baseline;flex-wrap:wrap;gap:.55rem;cursor:pointer;line-height:1.4}
#heroOverlay.hero-pa-mode .hero-pa-maincheck strong{font-size:1.13rem;color:#30383e;font-weight:800}
#heroOverlay.hero-pa-mode .hero-pa-maincheck small{font-weight:750;font-size:.81rem;color:#8f9891}
#heroOverlay.hero-pa-mode input[type=checkbox]{width:14px;height:14px;margin-right:.15rem;accent-color:#0bb845;cursor:pointer}
#heroOverlay.hero-pa-mode .hero-pa-expand{border:0;background:transparent;text-decoration:underline;white-space:nowrap;color:#737b74;font-weight:750}
#heroOverlay.hero-pa-mode .hero-pa-expand:hover{color:#078b3d}
#heroOverlay.hero-pa-mode .hero-pa-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem 2rem;padding:.4rem 1.8rem 1.15rem}
#heroOverlay.hero-pa-mode .hero-pa-choice{display:flex;align-items:baseline;gap:.5rem;font-weight:750;font-size:1rem;color:#313e37;cursor:pointer;min-width:0;line-height:1.4}
#heroOverlay.hero-pa-mode .hero-pa-choice span{min-width:0;overflow-wrap:anywhere}
#heroOverlay.hero-pa-mode .is-unavailable,#heroOverlay.hero-pa-mode .is-unavailable strong{color:#a1a8a1;cursor:default}
#heroOverlay.hero-pa-mode .hero-pa-muted{padding:1rem;color:#758078}
@media(max-width:850px){
  #heroOverlay.hero-pa-mode .hero-pa-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1rem}
  #heroOverlay.hero-pa-mode .hero-pa-panel-header{padding:1.1rem 4%;min-height:82px}
}
@media(max-width:575px){
  #heroOverlay.hero-pa-mode .hero-pa-topbar{top:75px;height:54px;width:calc(100vw - 16px)}
  #heroOverlay.hero-pa-mode .hero-pa-tab,#heroOverlay.hero-pa-mode .hero-pa-tab-search{padding:0 .55rem;font-size:.8rem;gap:.25rem}
  #heroOverlay.hero-pa-mode .hero-pa-tab-search{flex-basis:28%}
  #heroOverlay.hero-pa-mode .hero-filter-panel{top:141px;left:6px;right:6px;bottom:6px}
  #heroOverlay.hero-pa-mode .hero-pa-panel-header{padding:.9rem 4%;gap:.5rem;min-height:75px}
  #heroOverlay.hero-pa-mode .hero-pa-apply{min-width:0;padding:.65rem .95rem;font-size:.87rem}
  #heroOverlay.hero-pa-mode .hero-pa-close{width:30px;height:30px}
  #heroOverlay.hero-pa-mode .hero-pa-reset{font-size:.82rem}
  #heroOverlay.hero-pa-mode .hero-pa-list{padding:0 3% 1rem}
  #heroOverlay.hero-pa-mode .hero-pa-maincheck strong{font-size:.98rem}
  #heroOverlay.hero-pa-mode .hero-pa-choice-grid{grid-template-columns:1fr;padding-left:1.25rem}
}

/* 2026-10-25 - Correspondance visuelle barre Projects Abroad du HERO
   Périmètre volontairement limité à la recherche centrale, sans modifier le carrousel. */
.hero-carousel .hero-overlay .search-pill {
  display:flex!important;align-items:stretch!important;gap:0!important;
  background:#fff!important;border:0!important;border-radius:999px!important;
  overflow:hidden!important;width:min(660px,calc(100vw - 32px))!important;
  min-height:52px;box-shadow:0 8px 25px rgba(0,0,0,.14)!important;
  padding:0!important;
}
.hero-carousel .hero-overlay .search-pill .nav-pills{
  display:flex!important;flex:1 1 auto;align-items:stretch!important;gap:0!important;
  padding:0!important;margin:0!important;min-width:0;
}
.hero-carousel .hero-overlay .search-pill .nav-item{
  display:flex!important;flex:1 1 0!important;min-width:0!important;
}
.hero-carousel .hero-overlay .search-pill .nav-link {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:100%!important;gap:.65rem!important;padding:0 1.35rem!important;
  border:0!important;border-radius:0!important;color:#1f2926!important;
  background:#fff!important;box-shadow:none!important;
  font-weight:750!important;font-size:1rem!important;text-align:left!important;
  white-space:nowrap!important;transition:background .18s,color .18s!important;
}
.hero-carousel .hero-overlay .search-pill .nav-link:hover,
.hero-carousel .hero-overlay .search-pill .nav-link:focus-visible{
  background:#f2faf4!important;color:#146835!important;
}
.hero-carousel .hero-overlay .search-pill .nav-item+.nav-item{border-left:1px solid #d9ddd9!important}
.hero-carousel .hero-overlay .search-pill .nav-link.dropdown-toggle:after{
  margin-left:auto!important;border-top-color:currentColor!important;
}
.hero-carousel .hero-overlay .search-pill .hero-filter-count {
  font-size:.78rem;font-weight:650;color:#16823d;opacity:1;
}
.hero-carousel .hero-overlay .search-pill>.vr{display:none!important}
.hero-carousel .hero-overlay .search-pill #btnHeroSearch{
  flex:0 0 31%!important;min-width:0!important;min-height:52px!important;
  border:0!important;border-radius:0!important;
  background:linear-gradient(95deg,#00aa9b,#5dce36)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#fff!important;font-weight:800!important;font-size:1.08rem!important;
  padding:.5rem 1rem!important;margin:0!important;box-shadow:none!important;
}
.hero-carousel .hero-overlay .search-pill #btnHeroSearch:hover{filter:brightness(.95)}
/* Harmoniser la copie de la barre lorsque le panneau flotte au-dessus du hero. */
#heroOverlay.hero-pa-mode .hero-pa-topbar{
  width:min(660px,calc(100vw - 32px));height:52px;
  box-shadow:0 8px 25px rgba(0,0,0,.14);
}
#heroOverlay.hero-pa-mode .hero-pa-tab{
  padding:0 1.35rem;color:#1f2926;background:white;font-size:1rem;
}
#heroOverlay.hero-pa-mode .hero-pa-tab.is-active{background:#f2faf4;color:#146835}
#heroOverlay.hero-pa-mode .hero-pa-tab-search{flex:0 0 31%;background:linear-gradient(95deg,#00aa9b,#5dce36);font-size:1.06rem}
#heroOverlay.hero-pa-mode .hero-pa-tab-counter{font-size:.78rem;color:#16823d}
@media(max-width:575.98px){
 .hero-carousel .hero-overlay .search-pill{width:calc(100vw - 20px)!important;min-height:48px}
 .hero-carousel .hero-overlay .search-pill .nav-link{padding:0 .6rem!important;font-size:.78rem!important;gap:.25rem!important}
 .hero-carousel .hero-overlay .search-pill .hero-filter-count{font-size:.67rem}
 .hero-carousel .hero-overlay .search-pill #btnHeroSearch{flex-basis:28%!important;min-height:48px!important;font-size:.82rem!important;padding:.4rem .45rem!important}
 #heroOverlay.hero-pa-mode .hero-pa-topbar{width:calc(100vw - 20px);height:48px}
 #heroOverlay.hero-pa-mode .hero-pa-tab,#heroOverlay.hero-pa-mode .hero-pa-tab-search{padding:0 .55rem;font-size:.79rem}
 #heroOverlay.hero-pa-mode .hero-pa-tab-search{flex-basis:28%}
}