/* ========================================================================== */
/* ETHNOS R212 — profil compact et adaptations 1366 / 1536 strictement ciblées */
/* Base : R211. Aucun autre volet ni aucune autre résolution n'est modifié.    */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1. ONGLET PROFIL — retrait de « Voir le profil » et email libéré.          */
/* -------------------------------------------------------------------------- */
html body .memberProfileCompact .memberProfileOpen{
  display:none !important;
}

html body .memberProfileCompact .memberProfileMetaRow{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

html body .memberProfileCompact .memberProfileMetaRow > p{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin-right:0 !important;
  padding-right:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}

/* Motifs bleus très discrets, placés derrière le contenu de la carte. */
html body .memberProfileCompact{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
}

html body .memberProfileCompact::before,
html body .memberProfileCompact::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
}

html body .memberProfileCompact::before{
  width:138px;
  height:138px;
  right:-58px;
  top:-65px;
  border:1px solid rgba(38,112,154,.13);
  border-radius:50%;
  box-shadow:
    0 0 0 18px rgba(38,112,154,.035),
    0 0 0 36px rgba(38,112,154,.018);
}

html body .memberProfileCompact::after{
  width:112px;
  height:42px;
  right:16px;
  bottom:-23px;
  border-radius:50%;
  background:
    radial-gradient(ellipse at center,
      rgba(19,83,126,.12) 0%,
      rgba(19,83,126,.045) 48%,
      rgba(19,83,126,0) 74%);
  transform:rotate(-9deg);
}

html body .memberProfileCompact .memberIdentity{
  position:relative !important;
  z-index:1 !important;
}

/* -------------------------------------------------------------------------- */
/* 2. FORMAT 1366 × 768 UNIQUEMENT — largeur de viewport autour de 1366 px.  */
/* -------------------------------------------------------------------------- */
@media (min-width:1340px) and (max-width:1392px){
  /* Pseudonyme plus compact dans l'onglet Profil. */
  html body .memberProfileCompact:not(.isExpanded) .memberIdentity h2{
    font-size:16px !important;
    line-height:1.02 !important;
  }

  /* Boutons Rechercher et Fermer réduits, sans changer leur peau graphique. */
  html[data-ethnos-ui] body.isTchatDrawerOpen .salonQuickSearch > button.ethnosActionOrange{
    width:62% !important;
    min-width:0 !important;
    max-width:none !important;
    height:29px !important;
    min-height:29px !important;
    max-height:29px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 9px !important;
    font-size:9px !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange,
  html[data-ethnos-ui] body.isTchatDrawerClosing button.r186TchatClose.ethnosActionOrange{
    width:62% !important;
    height:29px !important;
    min-height:29px !important;
    max-height:29px !important;
    flex:0 0 29px !important;
    margin:6px auto 9px !important;
    padding:0 9px !important;
    font-size:9px !important;
  }

  /* Continents plus compacts ; le corps du Tchat peut défiler si nécessaire. */
  html body.isTchatDrawerOpen .memberExplorerBody{
    min-height:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isTchatDrawerOpen .memberExplorerPanel .salonContinentShortcuts{
    grid-template-rows:repeat(7,minmax(38px,auto)) !important;
    gap:5px !important;
    min-height:0 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isTchatDrawerOpen .memberExplorerPanel .salonContinentShortcuts button{
    min-height:38px !important;
    height:38px !important;
    padding:4px 8px !important;
  }

  html body.isTchatDrawerOpen .salonContinentShortcuts button span{
    font-size:10px !important;
  }
}

/* -------------------------------------------------------------------------- */
/* 3. FORMAT 1536 × 864 UNIQUEMENT — largeur de viewport autour de 1536 px.  */
/* -------------------------------------------------------------------------- */
@media (min-width:1510px) and (max-width:1562px){
  /* Pseudonyme plus compact dans l'onglet Profil. */
  html body .memberProfileCompact:not(.isExpanded) .memberIdentity h2{
    font-size:18px !important;
    line-height:1.02 !important;
  }

  /* Boutons Rechercher et Fermer réduits, sans changer leur peau graphique. */
  html[data-ethnos-ui] body.isTchatDrawerOpen .salonQuickSearch > button.ethnosActionOrange{
    width:66% !important;
    min-width:0 !important;
    max-width:none !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 10px !important;
    font-size:10px !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange,
  html[data-ethnos-ui] body.isTchatDrawerClosing button.r186TchatClose.ethnosActionOrange{
    width:66% !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    flex:0 0 32px !important;
    margin:7px auto 10px !important;
    padding:0 10px !important;
    font-size:10px !important;
  }

  /* Continents plus compacts ; le corps du Tchat peut défiler si nécessaire. */
  html body.isTchatDrawerOpen .memberExplorerBody{
    min-height:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isTchatDrawerOpen .memberExplorerPanel .salonContinentShortcuts{
    grid-template-rows:repeat(7,minmax(44px,auto)) !important;
    gap:6px !important;
    min-height:0 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isTchatDrawerOpen .memberExplorerPanel .salonContinentShortcuts button{
    min-height:44px !important;
    height:44px !important;
    padding:5px 9px !important;
  }

  html body.isTchatDrawerOpen .salonContinentShortcuts button span{
    font-size:10.5px !important;
  }
}