/* === ENCRALYS – Poster groupe (ComicVine / TMDB / AniList) === */

/* Variables faciles à ajuster */
:root{
  --encr-group-poster-w: 230px;
  --encr-group-poster-h: 345px;
  --encr-group-poster-radius: 22px;

  /* Taille “BuddyBoss-like” dans l’activité (largeur). Hauteur = *1.5 pour l’effet poster */
  --encr-activity-avatar: 42px;               /* ← ajuste ici */
  --encr-activity-poster-radius: 10px;
}

/* ------------------------------------------------------------ */
/* 1) POSTER GRAND : UNIQUEMENT sur la page du groupe (header)   */
/* ------------------------------------------------------------ */
body.groups.single-item #buddypress #item-header-avatar img.encralys-poster-avatar{
  width: var(--encr-group-poster-w) !important;
  height: var(--encr-group-poster-h) !important;
  object-fit: cover !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: var(--encr-group-poster-radius) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28) !important;
}

/* Responsive (groupes uniquement) */
@media (max-width: 480px){
  body.groups.single-item #buddypress #item-header-avatar img.encralys-poster-avatar{
    width: 184px !important;
    height: 276px !important;
  }
}

/* Supprimer les boutons caméra sur avatar groupe uniquement */
body.groups.single-item #buddypress #item-header-avatar .link-change-profile-image,
body.groups.single-item #buddypress #item-header-avatar .link-change-overlay{
  display:none !important;
}
body.groups .bb-icon-bf.bb-icon-camera{
  display:none !important;
}

/* Zoom image lightbox (uniquement si avatar groupe ouvert dans lightbox) */
body.groups.single-item .elementor-lightbox .elementor-lightbox-image{
  max-width: 90vw !important;
  max-height: 90vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  transform: scale(1.2);
  transition: transform 0.2s ease;
}

/* Augmenter la hauteur de la bannière du groupe */
body.groups.single-item #header-cover-image{
  height: 380px !important;
}
body.groups.single-item #header-cover-image .header-cover-img{
  height: 100% !important;
  object-fit: cover !important;
}

/* ------------------------------------------------------------ */
/* 2) PARTOUT AILLEURS : ne JAMAIS laisser le poster en "grand"  */
/*    (activité, widgets, hover panel, etc.)                     */
/*    => On force un format poster "petit" sans toucher aux      */
/*       autres avatars BuddyBoss.                               */
/* ------------------------------------------------------------ */
#buddypress .activity-header img.encralys-poster-avatar,
#buddypress .activity-list .activity-item .activity-header img.encralys-poster-avatar,
#buddypress img.bb-hp-group-avatar.encralys-poster-avatar{
  width: var(--encr-activity-avatar) !important;
  height: calc(var(--encr-activity-avatar) * 1.5) !important;   /* format poster */
  object-fit: cover !important;
  max-width: none !important;
  max-height: none !important;

  /* pas rond / pas carré */
  border-radius: var(--encr-activity-poster-radius) !important;

  /* optionnel : un tout petit relief */
  box-shadow: 0 6px 14px rgba(0,0,0,0.18) !important;

  vertical-align: middle;
}

/* ------------------------------------------------------------ */
/* 3) Reset global (ne touche PAS les avatars BuddyBoss normaux) */
/* ------------------------------------------------------------ */
img.encralys-poster-avatar{
  /* pas de tailles globales ici (sinon ça casse l’activité) */
  object-fit: contain;
}

/* Par sécurité : éviter toute ombre injectée par le thème sur les avatars */
body #buddypress #item-header-cover-image #item-header-avatar img.avatar{
  border: none !important;
  box-shadow: none !important;
}

/* Posters ENCRALYS dans la LISTE des groupes (directory, résultats, etc.) */
body.groups #buddypress .groups-list .item-avatar img.encralys-poster-avatar{
  width: 120px !important;
  height: 180px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
}