/* ETHNOS R176 — compactage harmonieux du bloc Tchat sur formats intermédiaires. */

@media (min-width:901px) and (max-width:1710px){
  html body .memberExplorerPanel{
    padding:8px 9px 8px !important;
  }
  html body .memberExplorerHead{
    padding:4px 3px 8px !important;
  }
  html body .memberExplorerHead h2{
    font-size:clamp(20px,1.48vw,25px) !important;
    line-height:1 !important;
  }
  html body .memberExplorerBody{
    --explorer-volume-space:10px !important;
    padding-right:1px !important;
  }

  html body .salonQuickSearch{
    gap:6px !important;
    padding:8px 4px 10px !important;
  }
  html body .salonQuickSearch > .salonExplorerLabel{
    font-size:clamp(15px,1.03vw,18px) !important;
    line-height:1.02 !important;
  }
  html body .salonQuickSearch > label{
    gap:4px !important;
  }
  html body .salonQuickSearch label > span{
    font-size:clamp(8.5px,.62vw,10px) !important;
    line-height:1.05 !important;
  }
  html body .salonQuickSearch select,
  html body .salonQuickSearch input{
    height:clamp(29px,2.08vw,34px) !important;
    min-height:clamp(29px,2.08vw,34px) !important;
    padding-inline:9px !important;
    border-radius:9px !important;
    font-size:clamp(8.5px,.62vw,10px) !important;
  }
  html body .salonQuickSearch > button{
    height:clamp(31px,2.15vw,35px) !important;
    min-height:clamp(31px,2.15vw,35px) !important;
    border-radius:8px !important;
    font-size:clamp(9px,.66vw,10.5px) !important;
  }

  html body .salonDeepSearch{
    padding:10px 4px !important;
  }
  html body #salonDeepSearchTitle{
    font-size:clamp(14px,.98vw,17px) !important;
    line-height:1.03 !important;
  }
  html body .salonDeepSearchTagline{
    margin:4px auto 8px !important;
    font-size:clamp(10px,.72vw,12px) !important;
    line-height:1.12 !important;
  }
  html body .salonContinentShortcuts{
    gap:4px !important;
  }
  html body .salonContinentShortcuts button{
    min-height:clamp(27px,1.93vw,32px) !important;
    padding:4px 8px !important;
    border-radius:8px !important;
    font-size:clamp(8.5px,.62vw,10px) !important;
  }
  html body .salonContinentShortcuts button small{
    font-size:6.5px !important;
  }

  html body .salonLivePromo{
    padding:10px 4px 8px !important;
  }
  html body .salonLiveVisual{
    aspect-ratio:1.78/1 !important;
    border-radius:10px !important;
  }
  html body .salonLiveStatus{
    left:8px !important;
    bottom:7px !important;
    gap:5px !important;
    padding:5px 8px !important;
    font-size:7px !important;
  }
  html body .salonLiveStatus i{
    width:6px !important;
    height:6px !important;
  }
  html body .salonLiveCopy{
    padding:8px 2px 0 !important;
  }
  html body .salonLiveEyebrow{
    font-size:6.5px !important;
  }
  html body .salonLiveCopy h3{
    margin:5px 0 6px !important;
    line-height:1 !important;
  }
  html body #salonLiveTitle strong{
    font-size:clamp(13px,.92vw,16px) !important;
  }
  html body #salonLiveTitle em{
    margin-top:2px !important;
    font-size:clamp(12px,.86vw,15px) !important;
  }
  html body .salonLiveCopy p{
    margin:0 auto 7px !important;
    font-size:clamp(7.5px,.55vw,9px) !important;
    line-height:1.25 !important;
  }
  html body .salonLiveCopy button{
    min-height:clamp(30px,2.05vw,34px) !important;
    padding:0 10px !important;
    border-radius:8px !important;
    font-size:clamp(8.5px,.62vw,10px) !important;
  }
  html body .salonLiveCopy button span{
    font-size:13px !important;
  }
}

@media (min-width:901px) and (max-width:1366px){
  html body .memberExplorerPanel{
    padding:7px 8px 7px !important;
  }
  html body .memberExplorerHead{
    padding:3px 3px 7px !important;
  }
  html body .memberExplorerHead h2{
    font-size:20px !important;
  }
  html body .salonQuickSearch{
    gap:5px !important;
    padding:7px 3px 8px !important;
  }
  html body .salonQuickSearch > .salonExplorerLabel{
    font-size:15px !important;
  }
  html body .salonQuickSearch select,
  html body .salonQuickSearch input{
    height:29px !important;
    min-height:29px !important;
    font-size:8.5px !important;
  }
  html body .salonQuickSearch > button{
    height:31px !important;
    min-height:31px !important;
    font-size:9px !important;
  }
  html body .salonDeepSearch{
    padding:8px 3px !important;
  }
  html body #salonDeepSearchTitle{
    font-size:14px !important;
  }
  html body .salonDeepSearchTagline{
    margin:3px auto 6px !important;
    font-size:10px !important;
  }
  html body .salonContinentShortcuts{
    gap:3px !important;
  }
  html body .salonContinentShortcuts button{
    min-height:27px !important;
    padding:3px 7px !important;
    font-size:8.5px !important;
  }
  html body .salonLivePromo{
    padding:8px 3px 7px !important;
  }
  html body .salonLiveCopy{
    padding-top:6px !important;
  }
  html body #salonLiveTitle strong{
    font-size:13px !important;
  }
  html body #salonLiveTitle em{
    font-size:12px !important;
  }
  html body .salonLiveCopy button{
    min-height:30px !important;
    font-size:8.5px !important;
  }
}

@media (min-width:901px) and (max-width:1710px){
  html body .salonLivePromo{
    margin-top:0 !important;
    justify-content:flex-start !important;
  }
  html body .salonLiveCopy{
    flex:0 0 auto !important;
  }
  html body .salonLiveCopy button{
    margin-top:0 !important;
  }
}