/* ============================================================
   R343 — Volet pays : champs bord à bord + zone orange réduite.
   Périmètre strict : uniquement les 3 champs d'actions du pays.
   ============================================================ */

/* Tous formats : les champs occupent toute la largeur du volet. */
html body.isTchatDrawerOpen
.salonDrawerPanel--countries .salonCountryAccordionActions{
  box-sizing:border-box !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Tous formats : partie orange plus étroite sur les deux boutons. */
html body.isTchatDrawerOpen
.salonDrawerPanel--countries .salonCountryActionButton{
  width:100% !important;
  grid-template-columns:minmax(0,1fr) 30px !important;
}

/* Le troisième champ (<select>) reste lui aussi bord à bord. */
html body.isTchatDrawerOpen
.salonDrawerPanel--countries .salonCountryAccordionCitySelect{
  box-sizing:border-box !important;
  width:100% !important;
}

/* Uniquement 1280x720 et en dessous : texte des 3 champs agrandi. */
@media (max-width:1280px) and (max-height:720px){
  html body.isTchatDrawerOpen
  .salonDrawerPanel--countries .salonCountryActionButton > span,
  html body.isTchatDrawerOpen
  .salonDrawerPanel--countries .salonCountryAccordionCitySelect{
    font-size:10px !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
  }
}