/* ========================================================================== */
/* ETHNOS R567 — correctifs ciblés après validation R566                      */
/* Périmètre : Univers / Solidarité / Cultures / Entraide / Événements.      */
/* IMPORTANT : aucun sélecteur du menu/volet Profil n'est modifié en R567.   */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1. UNIVERS + SOLIDARITÉ + CULTURES — flèches = référence ÉVÉNEMENTS.      */
/* -------------------------------------------------------------------------- */
html body .bodyView-houses.r554UniverseHub .r554UniverseFeed .r554UniverseFilters select,
html body .bodyView-familyDiscovery--solidarity.r556FamilyHub .r556FamilyFeed .r554UniverseFilters select,
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r556FamilyFeed .r554UniverseFilters select{
  -webkit-appearance:none !important;
  appearance:none !important;
  padding-right:42px !important;
  background-color:#092535 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25 11 1.25' fill='none' stroke='%23f7f2e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#0b3143 0%,#082536 100%) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:right 14px center,right center !important;
  background-size:12px 8px,40px 100% !important;
}
html body .bodyView-houses.r554UniverseHub .r554UniverseFeed .r554UniverseFilters select:disabled,
html body .bodyView-familyDiscovery--solidarity.r556FamilyHub .r556FamilyFeed .r554UniverseFilters select:disabled,
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r556FamilyFeed .r554UniverseFilters select:disabled{
  opacity:.62 !important;
}

/* -------------------------------------------------------------------------- */
/* 2. +5 px RÉELS sous les filtres, au lieu d'une marge fusionnée sur cartes.*/
/* Base active : Univers 13px / Familles 13px => 18px.                       */
/* -------------------------------------------------------------------------- */
html body .bodyView-houses.r554UniverseHub .r554UniverseFeed .r492UniverseFilters{
  margin-bottom:18px !important;
}
html body .bodyView-familyDiscovery--solidarity.r556FamilyHub .r556FamilyFeed .r497FamilyOfficialSection .r492UniverseFilters,
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r556FamilyFeed .r497FamilyOfficialSection .r492UniverseFilters{
  margin-bottom:18px !important;
}
html body .bodyView-houses.r554UniverseHub .r554UniverseFeed .r492UniverseStrip,
html body .bodyView-familyDiscovery--solidarity.r556FamilyHub .r556FamilyFeed .r497FamilyOfficialSection .r492UniverseStrip,
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r556FamilyFeed .r497FamilyOfficialSection .r492UniverseStrip{
  margin-top:0 !important;
}

/* -------------------------------------------------------------------------- */
/* 3. FAMILLES — aucun espace fantôme avant le vrai bandeau aux formats bas. */
/* -------------------------------------------------------------------------- */
html body .bodyView-familyDiscovery.r556FamilyHub{
  padding-top:0 !important;
}
html body .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero{
  margin-top:0 !important;
  top:auto !important;
  transform:none !important;
}
html body .bodyView-familyDiscovery.r556FamilyHub .r556FamilyHeroAside,
html body .bodyView-familyDiscovery.r556FamilyHub .r556FamilyPhotoMosaic{
  align-self:stretch !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
}

/* -------------------------------------------------------------------------- */
/* 4. SOLIDARITÉ — une seule couche photo : suppression de la duplication.    */
/* Source la moins recadrée conservée, sans pseudo-image superposée.          */
/* -------------------------------------------------------------------------- */
html body .bodyView-familyDiscovery--solidarity.r556FamilyHub
.r555FamilyPhotoMosaic--solidarity .isOne::after{
  display:none !important;
  content:none !important;
  background-image:none !important;
}
html body .bodyView-familyDiscovery--solidarity.r556FamilyHub
.r555FamilyPhotoMosaic--solidarity .isOne{
  background-image:url('../assets/images/home-r183/solidarity-hands.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
}

/* -------------------------------------------------------------------------- */
/* 5. CULTURES & PEUPLES — deux portraits ENTIERS, même hauteur, largeur      */
/* adaptée au ratio réel. Plus aucune grande bande bleu ardoise latérale.     */
/* -------------------------------------------------------------------------- */
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture{
  display:flex !important;
  align-items:stretch !important;
  gap:3px !important;
  background:#061822 !important;
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isOne::after,
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isTwo::after{
  display:none !important;
  content:none !important;
  background-image:none !important;
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isOne,
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isTwo{
  flex-grow:0 !important;
  flex-shrink:0 !important;
  height:100% !important;
  min-height:0 !important;
  min-width:0 !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isOne{
  flex-basis:150px !important; /* 225 × 1365/2048 */
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isTwo{
  flex-basis:180px !important; /* 225 × 1638/2048 */
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isThree,
html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isFour{
  flex:1 1 0 !important;
  min-width:0 !important;
  height:100% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

html[data-ethnos-format-1920="1"] body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isOne{flex-basis:120px !important}
html[data-ethnos-format-1920="1"] body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isTwo{flex-basis:144px !important}
html:is([data-ethnos-format-1536="1"],[data-ethnos-format-1707="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isOne{flex-basis:118px !important}
html:is([data-ethnos-format-1536="1"],[data-ethnos-format-1707="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isTwo{flex-basis:141px !important}
html:is([data-ethnos-format-1280="1"],[data-ethnos-format-1366="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isOne{flex-basis:103px !important}
html:is([data-ethnos-format-1280="1"],[data-ethnos-format-1366="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isTwo{flex-basis:123px !important}

@media (min-width:1850px) and (max-width:2000px){
  html:not([data-ethnos-format-1920="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isOne{flex-basis:120px !important}
  html:not([data-ethnos-format-1920="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isTwo{flex-basis:144px !important}
}
@media (min-width:1500px) and (max-width:1750px){
  html:not([data-ethnos-format-1920="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isOne{flex-basis:118px !important}
  html:not([data-ethnos-format-1920="1"]) body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isTwo{flex-basis:141px !important}
}
@media (min-width:1240px) and (max-width:1400px){
  html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isOne{flex-basis:103px !important}
  html body .bodyView-familyDiscovery--culture.r556FamilyHub .r555FamilyPhotoMosaic--culture .isTwo{flex-basis:123px !important}
}

/* -------------------------------------------------------------------------- */
/* 6. ÉVÉNEMENTS — cartes compactes : 3 / 2 / 1 colonnes selon la largeur.   */
/* -------------------------------------------------------------------------- */
html body .bodyView-events.r561EventsHub .bodyEventTimeline{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:10px !important;
  padding-bottom:12px !important;
}
html body .bodyView-events.r561EventsHub .bodyEventRow{
  min-width:0 !important;
  grid-template-columns:58px 30px minmax(0,1fr) 88px !important;
  align-items:center !important;
  gap:9px !important;
  padding:10px 10px !important;
  border-radius:12px !important;
}
html body .bodyView-events.r561EventsHub .bodyEventDate{
  height:46px !important;
  padding-right:9px !important;
}
html body .bodyView-events.r561EventsHub .bodyEventDate strong{font-size:8px !important}
html body .bodyView-events.r561EventsHub .bodyEventDate span{font-size:16px !important}
html body .bodyView-events.r561EventsHub .bodyEventFlag{
  width:30px !important;
  height:30px !important;
}
html body .bodyView-events.r561EventsHub .bodyEventCopy{
  min-width:0 !important;
}
html body .bodyView-events.r561EventsHub .bodyEventCopy h3{
  margin:3px 0 !important;
  font-size:16px !important;
  line-height:1.08 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body .bodyView-events.r561EventsHub .bodyEventCopy p,
html body .bodyView-events.r561EventsHub .bodyEventCopy small{
  font-size:8.5px !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body .bodyView-events.r561EventsHub .bodyEventRow > button{
  min-height:34px !important;
  padding:0 9px !important;
  font-size:9px !important;
}
@media (max-width:1499px){
  html body .bodyView-events.r561EventsHub .bodyEventTimeline{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:900px){
  html body .bodyView-events.r561EventsHub .bodyEventTimeline{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:620px){
  html body .bodyView-events.r561EventsHub .bodyEventRow{
    grid-template-columns:52px 28px minmax(0,1fr) !important;
  }
  html body .bodyView-events.r561EventsHub .bodyEventRow > button{
    grid-column:1/-1 !important;
  }
}