/* ==========================================================================
   ETHNOS R251 — 1280x720 UNIQUEMENT — TCHAT
   Correction consolidée des demandes utilisateur :
   1) Rechercher -> trait : 4 px
   2) trait -> Recherche approfondie : 4 px
   3) Fermer remonté de 4 px
   4) Rechercher = mêmes dimensions que Fermer
   ========================================================================== */

/* 1 + 2 : géométrie exacte autour du trait */
html[data-ethnos-format-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonQuickSearch,
html[data-ethnos-r234-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonQuickSearch{
  position:relative !important;
  padding-bottom:4px !important;
  margin-bottom:0 !important;
  border-bottom:0 !important;
}

html[data-ethnos-format-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonQuickSearch::before,
html[data-ethnos-format-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonQuickSearch::after,
html[data-ethnos-r234-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonQuickSearch::before,
html[data-ethnos-r234-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonQuickSearch::after{
  content:none !important;
  display:none !important;
  margin:0 !important;
}

html[data-ethnos-format-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonDeepSearch,
html[data-ethnos-r234-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonDeepSearch{
  margin-top:0 !important;
  padding-top:4px !important;
  border-top:1px solid rgba(149,205,218,.38) !important;
}

html[data-ethnos-format-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonDeepSearch::before,
html[data-ethnos-format-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonDeepSearch::after,
html[data-ethnos-r234-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonDeepSearch::before,
html[data-ethnos-r234-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonDeepSearch::after{
  content:none !important;
  display:none !important;
  margin:0 !important;
}

/* 3 : Fermer remonté de 4 px.
   4 : sa taille de référence reste 72% x 25px. */
html[data-ethnos-format-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen button[data-r186-tchat-close].r186TchatClose.ethnosActionOrange,
html[data-ethnos-format-1280="1"][data-ethnos-ui]
body.isTchatDrawerClosing button[data-r186-tchat-close].r186TchatClose.ethnosActionOrange,
html[data-ethnos-r234-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen button[data-r186-tchat-close].r186TchatClose.ethnosActionOrange,
html[data-ethnos-r234-1280="1"][data-ethnos-ui]
body.isTchatDrawerClosing button[data-r186-tchat-close].r186TchatClose.ethnosActionOrange{
  position:relative !important;
  top:-4px !important;
  transform:none !important;
  width:72% !important;
  min-width:0 !important;
  max-width:none !important;
  flex:0 0 25px !important;
  height:25px !important;
  min-height:25px !important;
  max-height:25px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 4 : Rechercher reprend exactement les dimensions de Fermer */
html[data-ethnos-format-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonQuickSearch > button.ethnosActionOrange,
html[data-ethnos-r234-1280="1"][data-ethnos-ui]
body.isTchatDrawerOpen .salonQuickSearch > button.ethnosActionOrange{
  box-sizing:border-box !important;
  width:72% !important;
  min-width:0 !important;
  max-width:none !important;
  height:25px !important;
  min-height:25px !important;
  max-height:25px !important;
  justify-self:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Fallback exact 1280x720, sans dépendre des marqueurs JS */
@media (width:1280px) and (height:720px){
  html[data-ethnos-ui] body.isTchatDrawerOpen .salonQuickSearch{
    position:relative !important;
    padding-bottom:4px !important;
    margin-bottom:0 !important;
    border-bottom:0 !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen .salonQuickSearch::before,
  html[data-ethnos-ui] body.isTchatDrawerOpen .salonQuickSearch::after{
    content:none !important;
    display:none !important;
    margin:0 !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen .salonDeepSearch{
    margin-top:0 !important;
    padding-top:4px !important;
    border-top:1px solid rgba(149,205,218,.38) !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen .salonDeepSearch::before,
  html[data-ethnos-ui] body.isTchatDrawerOpen .salonDeepSearch::after{
    content:none !important;
    display:none !important;
    margin:0 !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen .salonQuickSearch > button.ethnosActionOrange{
    width:72% !important;
    min-width:0 !important;
    max-width:none !important;
    height:25px !important;
    min-height:25px !important;
    max-height:25px !important;
    justify-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen button[data-r186-tchat-close].r186TchatClose.ethnosActionOrange,
  html[data-ethnos-ui] body.isTchatDrawerClosing button[data-r186-tchat-close].r186TchatClose.ethnosActionOrange{
    position:relative !important;
    top:-4px !important;
    transform:none !important;
    width:72% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:0 0 25px !important;
    height:25px !important;
    min-height:25px !important;
    max-height:25px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}