/* ========================================================================== */
/* ETHNOS R568 — correctif ciblé régressions R567                            */
/* Périmètre strict : bandeaux Solidarité/Cultures + filtre Ville Événements.*/
/* Aucun sélecteur du menu/volet Profil.                                      */
/* ========================================================================== */

/* 1) À <=1536, une ancienne règle R507 conserve align-content:end et crée   */
/*    une grande bande ardoise vide au-dessus du vrai bandeau.               */
/*    On force une seule rangée qui remplit toute la hauteur du hero.         */
@media (min-width:901px){
  html body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
  html body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero{
    align-content:stretch !important;
    grid-template-rows:minmax(0,1fr) !important;
  }
  html body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero > div:first-child,
  html body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero > div:first-child,
  html body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .r556FamilyHeroAside,
  html body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .r556FamilyHeroAside{
    height:100% !important;
    min-height:0 !important;
    align-self:stretch !important;
  }
}

/* 2) Solidarité : 4 cases jointives, aucune bande ardoise entre photos.      */
html body .bodyView-familyDiscovery--solidarity.r556FamilyHub .r555FamilyPhotoMosaic--solidarity{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-template-rows:1fr !important;
  gap:0 !important;
  height:100% !important;
}
html body .bodyView-familyDiscovery--solidarity.r556FamilyHub .r555FamilyPhotoMosaic--solidarity figure{
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* 3) Cultures & peuples : portraits entiers, hauteur commune, largeur selon  */
/*    leur ratio natif. Les deux autres cases absorbent le reste.             */
html body .bodyView-familyDiscovery--culture.r556FamilyHub{
  --r568-family-hero-h:clamp(168.75px,12.75vw,225px);
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture{
  display:grid !important;
  grid-template-columns:
    calc(var(--r568-family-hero-h) * 0.66650390625)
    calc(var(--r568-family-hero-h) * 0.7998046875)
    minmax(0,1fr)
    minmax(0,1fr) !important;
  grid-template-rows:1fr !important;
  gap:0 !important;
  height:100% !important;
  background:transparent !important;
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture figure{
  min-width:0 !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  flex:none !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isOne,
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isTwo{
  width:auto !important;
  background-size:cover !important;
  background-color:transparent !important;
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isThree,
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isFour{
  width:auto !important;
  background-size:cover !important;
}
html[data-ethnos-format-1920="1"] body .bodyView-familyDiscovery--culture.r556FamilyHub{--r568-family-hero-h:180px}
html:is([data-ethnos-format-1536="1"],[data-ethnos-format-1707="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub{--r568-family-hero-h:176.25px}
html:is([data-ethnos-format-1280="1"],[data-ethnos-format-1366="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub{--r568-family-hero-h:153.75px}
@media (min-width:1850px) and (max-width:2000px){
  html body .bodyView-familyDiscovery--culture.r556FamilyHub{--r568-family-hero-h:180px}
}
@media (min-width:1500px) and (max-width:1750px){
  html:not([data-ethnos-format-1920="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub{--r568-family-hero-h:176.25px}
}
@media (min-width:1240px) and (max-width:1400px){
  html body .bodyView-familyDiscovery--culture.r556FamilyHub{--r568-family-hero-h:153.75px}
}

/* 4) Événements : le champ Ville est de nouveau un vrai select ; la flèche  */
/*    standard R561 s'applique donc automatiquement.                          */
html body .bodyView-events.r561EventsHub .r561EventsFilters select[data-city]:disabled{
  opacity:.62 !important;
}