/* ============================================================
   R345 — Correction du ciblage R344 après audit.
   Les formats physiques sont pilotés par marqueurs, sans dépendre
   de la hauteur CSS du viewport.
   ============================================================ */

/* 1366x768 — base active R339/R342
   premier : 180 -> 162 (-10 %)
   suivants : 198 -> 148.5 (-25 %)
   final : 200 -> 150 (-25 %)
*/
html[data-ethnos-format-1366="1"] body.isTchatDrawerOpen
:is(.salonDrawerPanel--continent,.salonDrawerPanel--countries),
html[data-ethnos-r234-1366="1"] body.isTchatDrawerOpen
:is(.salonDrawerPanel--continent,.salonDrawerPanel--countries){
  flex:0 0 162px !important;
  width:162px !important;
  max-width:162px !important;
  min-width:0 !important;
}

html[data-ethnos-format-1366="1"] body.isTchatDrawerOpen
:is(.salonDrawerPanel--themes,.salonDrawerPanel--topics,.salonDrawerPanel--detail),
html[data-ethnos-r234-1366="1"] 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[data-ethnos-format-1366="1"] body.isTchatDrawerOpen .salonDrawerPanel--final,
html[data-ethnos-r234-1366="1"] body.isTchatDrawerOpen .salonDrawerPanel--final{
  flex:0 0 150px !important;
  width:150px !important;
  max-width:150px !important;
  min-width:0 !important;
}

/* 1070x1067 — valeurs réellement actives avant R344 :
   continent 165 -> 99 (-40 %)
   pays 292 -> 175.2 (-40 %)
   thèmes/topics/detail 255 -> 229.5 (-10 %)
   final 270 -> 243 (-10 %)
*/
html[data-ethnos-format-1070="1"] body.isTchatDrawerOpen .salonDrawerPanel--continent{
  flex:0 0 99px !important;
  width:99px !important;
  max-width:99px !important;
  min-width:0 !important;
}

html[data-ethnos-format-1070="1"] body.isTchatDrawerOpen .salonDrawerPanel--countries{
  flex:0 0 175.2px !important;
  width:175.2px !important;
  max-width:175.2px !important;
  min-width:0 !important;
}

html[data-ethnos-format-1070="1"] body.isTchatDrawerOpen
:is(.salonDrawerPanel--themes,.salonDrawerPanel--topics,.salonDrawerPanel--detail){
  flex:0 0 229.5px !important;
  width:229.5px !important;
  max-width:229.5px !important;
  min-width:0 !important;
}

html[data-ethnos-format-1070="1"] body.isTchatDrawerOpen .salonDrawerPanel--final{
  flex:0 0 243px !important;
  width:243px !important;
  max-width:243px !important;
  min-width:0 !important;
}