/* ============================================================
   R344 — Réduction ciblée des largeurs de volets.
   Périmètre strict :
   - 1366x768 : premier volet -10 %, suivants -25 %
   - 1070x1067 : premier volet -40 %, suivants -10 %
   Aucun autre style ni comportement modifié.
   ============================================================ */

/* 1366x768
   Références actives R339/R342 :
   premier 180px -> 162px (-10 %)
   thèmes/topics/detail 198px -> 148.5px (-25 %)
   final 200px -> 150px (-25 %)
*/
@media (width:1366px) and (height:768px){
  html body.isTchatDrawerOpen
  :is(.salonDrawerPanel--continent,.salonDrawerPanel--countries){
    flex:0 0 162px !important;
    width:162px !important;
    max-width:162px !important;
    min-width:0 !important;
  }

  html body.isTchatDrawerOpen
  :is(.salonDrawerPanel--themes,.salonDrawerPanel--topics,.salonDrawerPanel--detail){
    flex:0 0 148.5px !important;
    width:148.5px !important;
    max-width:148.5px !important;
    min-width:0 !important;
  }

  html body.isTchatDrawerOpen .salonDrawerPanel--final{
    flex:0 0 150px !important;
    width:150px !important;
    max-width:150px !important;
    min-width:0 !important;
  }
}

/* 1070x1067
   Références compactes existantes :
   premier 270px -> 162px (-40 %)
   thèmes/topics 295px -> 265.5px (-10 %)
   detail 285px -> 256.5px (-10 %)
   final 310px -> 279px (-10 %)
*/
@media (width:1070px) and (height:1067px){
  html body.isTchatDrawerOpen
  :is(.salonDrawerPanel--continent,.salonDrawerPanel--countries){
    flex:0 0 162px !important;
    width:162px !important;
    max-width:162px !important;
    min-width:0 !important;
  }

  html body.isTchatDrawerOpen
  :is(.salonDrawerPanel--themes,.salonDrawerPanel--topics){
    flex:0 0 265.5px !important;
    width:265.5px !important;
    max-width:265.5px !important;
    min-width:0 !important;
  }

  html body.isTchatDrawerOpen .salonDrawerPanel--detail{
    flex:0 0 256.5px !important;
    width:256.5px !important;
    max-width:256.5px !important;
    min-width:0 !important;
  }

  html body.isTchatDrawerOpen .salonDrawerPanel--final{
    flex:0 0 279px !important;
    width:279px !important;
    max-width:279px !important;
    min-width:0 !important;
  }
}