/* ========================================================================== */
/* ETHNOS R155 — Favoris bord à bord + trophées compacts et cases visibles    */
/* Base : R154. Correctifs graphiques ciblés, backend inchangé.                */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1 — Salons favoris                                                         */
/* Le bandeau reste collé aux deux bords, y compris pendant l'effet 3D.        */
/* -------------------------------------------------------------------------- */
html body .memberFavoritesShell{
  scrollbar-gutter:auto !important;
}
html body .memberFavoritesList{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
html body .memberFavoriteSalonRow{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:translateY(0) !important;
  transform-origin:center center !important;
}
html body .memberFavoriteSalonRow:hover,
html body .memberFavoriteSalonRow:focus-visible{
  /* Pas de scale : il créait deux bandes vides sur les côtés. */
  transform:translateY(-2px) !important;
}

/* -------------------------------------------------------------------------- */
/* 2 — Trophées : cases d'encoche lisibles                                    */
/* -------------------------------------------------------------------------- */
html body .memberChosenShieldStatus span,
html body .memberTrophyOption>span{
  box-sizing:border-box !important;
  width:16px !important;
  height:16px !important;
  border:2px solid rgba(7,26,57,.48) !important;
  border-radius:2px !important;
  background:#fffdf8 !important;
  opacity:1 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 3px rgba(7,26,57,.12) !important;
}
html body .memberTrophyOption.isLocked>span{
  border-color:rgba(7,26,57,.42) !important;
  background:#fffaf2 !important;
  opacity:.92 !important;
}
html body .memberTrophyOption.isUnlocked>span,
html body .memberTrophyOption.isSelected>span{
  border-color:#f26722 !important;
  background:#fffdf8 !important;
}
html body .memberChosenShieldStatus input:checked+span::after,
html body .memberTrophyOption input:checked+span::after{
  color:#14a7a5 !important;
  font-size:11px !important;
  font-weight:900 !important;
}

/* -------------------------------------------------------------------------- */
/* 3 — Trophées : hauteur des catégories divisée environ par deux             */
/* Les catégories ne s'étirent plus pour remplir tout le volet.               */
/* -------------------------------------------------------------------------- */
html body .memberTrophiesShell{
  grid-template-rows:auto auto 1px auto auto 11px auto !important;
  align-content:start !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(7,26,57,.28) transparent !important;
}
html body .memberTrophiesShell::-webkit-scrollbar{width:6px !important}
html body .memberTrophiesShell::-webkit-scrollbar-track{background:transparent !important}
html body .memberTrophiesShell::-webkit-scrollbar-thumb{
  border-radius:10px !important;
  background:rgba(7,26,57,.26) !important;
}
html body .memberTrophyPages{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}
html body .memberTrophyPage{
  height:auto !important;
  min-height:0 !important;
  grid-template-rows:repeat(3,clamp(112px,15vh,165px)) !important;
  align-content:start !important;
}
html body .memberTrophyCategory{
  height:auto !important;
  min-height:0 !important;
}

@media (max-width:1600px) and (max-height:920px){
  html body .memberTrophyPage{
    grid-template-rows:repeat(3,clamp(96px,14.5vh,126px)) !important;
  }
  html body .memberChosenShieldStatus span,
  html body .memberTrophyOption>span{
    width:14px !important;
    height:14px !important;
  }
}

@media (width:1366px) and (height:768px){
  html body .memberTrophyPage{
    grid-template-rows:repeat(3,106px) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body .memberFavoriteSalonRow:hover,
  html body .memberFavoriteSalonRow:focus-visible{
    transform:none !important;
  }
}