/* === ENCRALYS – Avatar poster + lien zoom === */
/* 
   ➜ Transforme l’avatar de groupe en poster de film vertical (230x345),
     enlève les boutons BuddyBoss de changement d’avatar
     et ajoute une ombre + version responsive sur mobile.
*/

/* Dimensions et forme du poster */
#item-header-avatar img.encralys-poster-avatar {
  width: 230px !important;
  height: 345px !important;
  object-fit: cover !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 22px !important;
}

/* Conteneur avatar : on laisse la taille libre pour ne pas contraindre l’image poster */
#item-header-avatar,
#item-header-avatar .avatar {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* Responsive (mobile) : poster un peu plus petit sur petits écrans */
@media (max-width: 480px) {
  #item-header-avatar img.encralys-poster-avatar {
    width: 184px !important;
    height: 276px !important;
  }
}

/* Supprimer les boutons caméra + overlay BuddyBoss sur l’avatar */
#item-header-avatar .link-change-profile-image,
#item-header-avatar .link-change-overlay {
  display: none !important;
}

/* S’assurer que le lien cliquable (zoom) est bien inline-block */
#item-header-avatar a.encralys-open-full {
  display: inline-block;
}

/* Ombre portée sous le poster pour effet carte / affiche */
body.groups.single-item #item-header-avatar img.encralys-poster-avatar {
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
}


/* === ENCRALYS – Mode cinéma : cover panoramique === */
/*
   ➜ Gère la bannière de couverture en format panoramique,
     avec image recadrée en "cover" et légèrement assombrie pour le contraste.
*/

#header-cover-image {
  height: 400px !important;
  overflow: hidden;
  position: relative;
}

#header-cover-image .header-cover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: brightness(0.9);
}