/* ========================================================================== */
/* ETHNOS R564 — harmonisation bandeaux + lisibilité dock bas                 */
/* Base figée : R563.                                                         */
/* Périmètre : Univers, Solidarité, Cultures, Entraide, Événements + dock.    */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1. BANDEAUX — reprendre le gabarit R563 Univers sur les cinq pages.        */
/* Référence : -25 % par rapport aux gabarits R562/R561.                      */
/* -------------------------------------------------------------------------- */
html body :is(
  .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero,
  .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
  .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
  .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero
){
  height:clamp(168.75px,12.75vw,225px) !important;
  min-height:clamp(168.75px,12.75vw,225px) !important;
}

/* Zone texte : densification proportionnée au nouveau gabarit. */
html body :is(
  .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero,
  .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
  .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
  .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero
) > div:first-child{
  min-height:0 !important;
  padding:clamp(12px,1.25vw,24px) clamp(22px,3vw,58px) !important;
}
html body :is(
  .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero,
  .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
  .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
  .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero
) h1{
  font-size:clamp(28px,2vw,43px) !important;
  line-height:1 !important;
}

/* Les zones photos suivent exactement la hauteur du bandeau. */
html body :is(
  .bodyView-houses.r554UniverseHub .r554UniverseHeroAside,
  .bodyView-familyDiscovery.r556FamilyHub .r556FamilyHeroAside,
  .bodyView-events.r561EventsHub .r561EventsHeroAside,
  .bodyView-help.r562HelpHub .r562HelpHeroAside
),
html body :is(
  .bodyView-houses.r554UniverseHub .r554UniversePhotoMosaic,
  .bodyView-familyDiscovery.r556FamilyHub .r556FamilyPhotoMosaic,
  .bodyView-events.r561EventsHub .r561EventsPhotoMosaic,
  .bodyView-help.r562HelpHub .r562HelpPhotoMosaic
){
  height:100% !important;
  min-height:0 !important;
}

/* 1536 × 864 et 1707 × 1067 : 235 -> 176,25 px. */
html[data-ethnos-format-1536="1"] body :is(
  .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero,
  .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
  .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
  .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero
),
html[data-ethnos-format-1707="1"] body :is(
  .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero,
  .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
  .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
  .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero
){
  height:176.25px !important;
  min-height:176.25px !important;
}

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

/* 1920 × 1080 : réduction supplémentaire demandée de 20 % sur R563.        */
/* 225 px -> 180 px. Cette règle est reprise sur les cinq pages.             */
html[data-ethnos-format-1920="1"] body :is(
  .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero,
  .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
  .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
  .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero
){
  height:180px !important;
  min-height:180px !important;
}
html[data-ethnos-format-1920="1"] body :is(
  .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero,
  .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
  .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
  .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero
) > div:first-child{
  padding-top:15px !important;
  padding-bottom:15px !important;
}

/* -------------------------------------------------------------------------- */
/* 2. DOCK BAS — agrandir uniquement les textes aux formats demandés.         */
/* Référence active R233 : 1366=8,5 ; 1707=9,5 ; 1920=10 px.                 */
/* -------------------------------------------------------------------------- */
html[data-ethnos-format-1366="1"] body #memberWorldDock button span{
  font-size:10px !important; /* +1,5 px */
}
html[data-ethnos-format-1707="1"] body #memberWorldDock button span{
  font-size:11px !important; /* +1,5 px */
}
html[data-ethnos-format-1920="1"] body #memberWorldDock button span{
  font-size:12px !important; /* +2 px */
}