/* ========================================================================== */
/* ETHNOS R565 — preuve d'effet : bandeaux des 4 pages hors Univers          */
/* Base figée : R564.                                                        */
/* Cibles : Solidarité, Cultures et peuples, Entraide, Événements.           */
/* Les sélecteurs suivent les vues réellement actives via data-body-view.    */
/* ========================================================================== */

/* Gabarit commun : -25 % comme Univers R563. */
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,
html body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
html body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero{
  height:clamp(168.75px,12.75vw,225px) !important;
  min-height:clamp(168.75px,12.75vw,225px) !important;
  max-height:225px !important;
  overflow:hidden !important;
}

/* Le bloc texte suit réellement la nouvelle hauteur. */
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="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero > div:first-child,
html body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero > div:first-child{
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  padding:clamp(12px,1.25vw,24px) clamp(22px,3vw,58px) !important;
}

html body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero h1,
html body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero h1,
html body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero h1,
html body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero h1{
  font-size:clamp(28px,2vw,43px) !important;
  line-height:1 !important;
}

/* Les mosaïques et leurs cases épousent la hauteur réelle du bandeau. */
html body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .r556FamilyHeroAside,
html body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .r556FamilyHeroAside,
html body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .r561EventsHeroAside,
html body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .r562HelpHeroAside,
html body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .r556FamilyPhotoMosaic,
html body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .r556FamilyPhotoMosaic,
html body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .r561EventsPhotoMosaic,
html body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .r562HelpPhotoMosaic,
html body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .r556FamilyPhotoMosaic figure,
html body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .r556FamilyPhotoMosaic figure,
html body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .r561EventsPhotoMosaic figure,
html body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .r562HelpPhotoMosaic figure{
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
}

/* 1536×864 et 1707×1067 : 235 -> 176,25 px. */
html[data-ethnos-format-1536="1"] body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html[data-ethnos-format-1536="1"] body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html[data-ethnos-format-1536="1"] body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
html[data-ethnos-format-1536="1"] body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero,
html[data-ethnos-format-1707="1"] body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html[data-ethnos-format-1707="1"] body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html[data-ethnos-format-1707="1"] body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
html[data-ethnos-format-1707="1"] body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero{
  height:176.25px !important;
  min-height:176.25px !important;
  max-height:176.25px !important;
}

/* 1280×720 et 1366×768 : 205 -> 153,75 px. */
html[data-ethnos-format-1280="1"] body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html[data-ethnos-format-1280="1"] body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html[data-ethnos-format-1280="1"] body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
html[data-ethnos-format-1280="1"] body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero,
html[data-ethnos-format-1366="1"] body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html[data-ethnos-format-1366="1"] body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html[data-ethnos-format-1366="1"] body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
html[data-ethnos-format-1366="1"] body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero{
  height:153.75px !important;
  min-height:153.75px !important;
  max-height:153.75px !important;
}
html:is([data-ethnos-format-1280="1"],[data-ethnos-format-1366="1"]) body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero > div:first-child,
html:is([data-ethnos-format-1280="1"],[data-ethnos-format-1366="1"]) body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero > div:first-child,
html:is([data-ethnos-format-1280="1"],[data-ethnos-format-1366="1"]) body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero > div:first-child,
html:is([data-ethnos-format-1280="1"],[data-ethnos-format-1366="1"]) body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero > div:first-child{
  padding:11px 26px !important;
}

/* 1920×1080 : -20 % supplémentaire comme Univers : 225 -> 180 px. */
html[data-ethnos-format-1920="1"] body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html[data-ethnos-format-1920="1"] body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html[data-ethnos-format-1920="1"] body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
html[data-ethnos-format-1920="1"] body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero{
  height:180px !important;
  min-height:180px !important;
  max-height:180px !important;
}

/* Repli par largeur réelle si le marqueur de format n'est pas posé. */
@media (min-width:1500px) and (max-width:1750px){
  html:not([data-ethnos-format-1920="1"]) body .memberWorkspace.hasBodyView[data-body-view="solidarity"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
  html:not([data-ethnos-format-1920="1"]) body .memberWorkspace.hasBodyView[data-body-view="culture"] > .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
  html:not([data-ethnos-format-1920="1"]) body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
  html:not([data-ethnos-format-1920="1"]) body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero{
    height:176.25px !important; min-height:176.25px !important; max-height:176.25px !important;
  }
}
@media (min-width:1240px) and (max-width:1400px){
  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,
  html body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
  html body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero{
    height:153.75px !important; min-height:153.75px !important; max-height:153.75px !important;
  }
}
@media (min-width:1850px) and (max-width:2000px){
  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,
  html body .memberWorkspace.hasBodyView[data-body-view="events"] > .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
  html body .memberWorkspace.hasBodyView[data-body-view="help"] > .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero{
    height:180px !important; min-height:180px !important; max-height:180px !important;
  }
}
