/* ========================================================================== */
/* ETHNOS R206 — correctifs Tchat strictement ciblés.                         */
/* Aucun autre bouton ni aucun autre volet n'est modifié.                     */
/* ========================================================================== */

/* 1. Champ Pays : restauration explicite du champ bleu nuit d'origine. */
html body .salonQuickSearch .realFlagSelectButton,
html body .salonQuickSearch .realFlagSelectButton:hover{
  appearance:none !important;
  width:100% !important;
  border:1px solid rgba(214,231,233,.34) !important;
  border-radius:10px !important;
  background:#061e2c !important;
  background-image:none !important;
  color:#f5f0e8 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
html body .salonQuickSearch .realFlagSelectButton:focus-visible{
  background:#061e2c !important;
  border-color:rgba(49,209,207,.62) !important;
  box-shadow:0 0 0 3px rgba(49,209,207,.07) !important;
  outline:none !important;
}

/* 2. Rechercher et Fermer : restauration exacte de la peau R203 validée. */
html body .r203TchatActionReference.r203TchatActionReference{
  appearance:none !important;
  box-sizing:border-box !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,188,139,.78) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ff9655 0%,#f47f3c 100%) !important;
  background-color:#f47f3c !important;
  color:#071826 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-style:normal !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-decoration:none !important;
  text-shadow:none !important;
  text-transform:none !important;
  white-space:nowrap !important;
  box-shadow:0 1px 0 #cf5d25,0 3px 5px rgba(0,0,0,.12) !important;
  cursor:pointer !important;
  filter:none !important;
  transform:translateY(0) !important;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease !important;
}
html body .r203TchatActionReference.r203TchatActionReference:hover,
html body .r203TchatActionReference.r203TchatActionReference:focus-visible{
  filter:brightness(1.025) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
  box-shadow:0 2px 0 #cf5d25,0 4px 6px rgba(0,0,0,.13) !important;
}
html body .r203TchatActionReference.r203TchatActionReference:active{
  filter:brightness(.995) !important;
  transform:translateY(1px) !important;
  box-shadow:0 0 0 #cf5d25,0 2px 3px rgba(0,0,0,.10) !important;
}
html body .salonQuickSearch > .r206TchatSearchButton{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  justify-self:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html body.isTchatDrawerOpen .r186TchatClose.r203TchatActionReference{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:72% !important;
  min-width:0 !important;
  max-width:none !important;
  flex:0 0 38px !important;
  margin:10px auto 14px !important;
}

/* 3. Espacement demandé : +4 px entre Pays et « Thème ou mot-clé ». */
html body .salonQuickSearch > label:first-of-type{
  margin-bottom:4px !important;
}

/* 4. Libellés demandés sur une seule ligne, sans élargir le volet. */
html body .salonQuickSearch > .salonExplorerLabel,
html body .salonDeepSearchTagline{
  width:auto !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* 5. Fermeture visible : le volet redescend sans disparaître pendant le mouvement. */
@media (min-width:901px){
  html body .memberExplorerPanel{
    opacity:1 !important;
    will-change:transform !important;
    transition:transform .36s cubic-bezier(.22,.72,.25,1),visibility 0s linear .36s !important;
  }
  html body.isTchatDrawerOpen .memberExplorerPanel{
    opacity:1 !important;
    visibility:visible !important;
    transition:transform .36s cubic-bezier(.22,.72,.25,1),visibility 0s !important;
  }
}

@media (max-height:820px) and (min-width:901px){
  html body .r203TchatActionReference.r203TchatActionReference{
    height:33px !important;
    min-height:33px !important;
    max-height:33px !important;
  }
  html body.isTchatDrawerOpen .r186TchatClose.r203TchatActionReference{
    flex-basis:33px !important;
    margin:7px auto 10px !important;
  }
}