/* Read the same two widths and gaps that the rental buttons and name field actually occupy. */
.nos_appartements .bea-guest-in-more>#guestsFilterButton[hidden]{display:none!important}
@media(min-width:1024px){
  .nos_appartements .filter.filterBar{display:flex!important;align-items:center;gap:10px 0!important}
  .nos_appartements .filter.filterBar>#destinationFilterButton,.nos_appartements .filter.filterBar>bea-catalogue-date,.nos_appartements .filter.filterBar>#advancedFiltersDropdown{margin:0!important}
  .nos_appartements .filter.filterBar>bea-catalogue-date{margin-left:var(--rent-gap,24px)!important}
  .nos_appartements .filter.filterBar>#advancedFiltersDropdown{margin-left:var(--name-gap,24px)!important}
  .nos_appartements .filter.filterBar>#deletecurrentfilter{margin:0 0 0 var(--name-gap,24px)!important}
  html:lang(fr) .nos_appartements .filterBar:not(.bea-wrap-actions)>#deletecurrentfilter>.filerclear{min-width:0!important;max-width:var(--clear-room,126px)!important;padding-inline:6px!important}
  .nos_appartements .filter.filterBar.bea-wrap-actions>bea-catalogue-date{margin-right:calc(100% - var(--first-width) - var(--rent-gap) - var(--second-width))!important}
  .nos_appartements .filter.filterBar.bea-wrap-actions>#advancedFiltersDropdown{margin-left:0!important}
}
/* Match Date's two-pixel edge without resizing the control, including in the scrollable row. */
.nos_appartements:not([data-bea-touch]) :is(
  .rental-options>a.info_dropdown,
  #destinationFilterButton>.info_dropdown,
  #advancedFiltersDropdown>.info_dropdown,
  #deletecurrentfilter>.filerclear,
  .two-be-apart-name-search
):hover{
  outline:2px solid #202021;
  outline-offset:-2px;
}
.nos_appartements:not([data-bea-touch]) :is(.rental-options>a.active_location_type,#advancedFiltersDropdown>.info_dropdown):hover{
  box-shadow:inset 0 0 0 2px #f7f8f9;
}
@media(max-width:1023px){
  .nos_appartements:not([data-bea-touch]) #destinationFilterButton>.info_dropdown:hover{box-shadow:inset 0 0 0 2px #f7f8f9}
  .nos_appartements .filter.filterBar{gap:var(--rent-gap,10px)!important;scroll-snap-type:x proximity}
  .nos_appartements .filter.filterBar>#destinationFilterButton,.nos_appartements .filter.filterBar>#advancedFiltersDropdown{scroll-snap-align:start}
  .nos_appartements .filter.filterBar>#advancedFiltersDropdown{width:var(--first-width)!important;flex:0 0 var(--first-width)!important;margin:0!important}
  .nos_appartements .filter.filterBar>#advancedFiltersDropdown>.info_dropdown{width:100%!important;box-sizing:border-box;min-width:0!important;max-width:none!important;justify-content:center}
  .nos_appartements .filter.filterBar>#deletecurrentfilter{width:calc(var(--strip-width) - var(--first-width) - var(--rent-gap))!important;flex:0 0 calc(var(--strip-width) - var(--first-width) - var(--rent-gap))!important;margin:0!important;display:flex;justify-content:flex-start}
  .nos_appartements .filter.filterBar>#deletecurrentfilter>.filerclear{width:var(--second-width)!important;box-sizing:border-box;justify-content:center}
}
.nos_appartements #advanced-filters .counter_locataires{display:flex;align-items:center}
.nos_appartements #advanced-filters .counter_locataires [aria-disabled=true]{opacity:.4}
.nos_appartements #advanced-filters .counter_locataires [role=button]{cursor:pointer}
.nos_appartements #advanced-filters .counter_locataires [aria-disabled=true]{cursor:default}
.nos_appartements #advanced-filters .counter_locataires output{display:inline-block;min-width:34px;text-align:center;font:16px/1.4 Roboto,Arial,sans-serif;color:#202021;font-variant-numeric:tabular-nums}
.nos_appartements .bea-availability-status{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 6px;margin:12px 0 18px;color:#4c565a;font-size:16px;line-height:1.5}
.nos_appartements .bea-availability-status[hidden]{display:none}
.bea-availability-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;margin-right:6px;color:#253e4a}
.bea-availability-icon svg{display:block;width:100%;height:100%}
.bea-availability-status[data-state=working] .bea-availability-icon svg{animation:bea-availability-turn .92s linear infinite}
.bea-availability-status[data-state=found] .bea-availability-label{color:#283935;font-weight:600}
.bea-availability-status[data-state=found] .bea-availability-icon{color:#326b59}
@keyframes bea-availability-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.bea-availability-status[data-state=working] .bea-availability-icon svg{animation:none}}