/* ETHNOS R507 — Cultures & peuples / Solidarité.
   Base figée : R504 validée.
   Réutilisation stricte du gabarit hero Univers actif de R504.
   R117 impose background-image:none!important aux bodyViewHeader : les sélecteurs
   ci-dessous reprennent volontairement la preuve de cascade utilisée par Univers. */

html body .bodyView-familyDiscovery{
  padding-top:clamp(12px,1.2vw,22px) !important;
}

/* Gabarit = Univers R504/R502, sans agrandissement R506. */
html body .memberWorkspace.hasBodyView .bodyView-familyDiscovery .bodyViewHeader,
html body .memberWorkspace.hasSalonContent.hasBodyView .bodyView-familyDiscovery .bodyViewHeader,
html body .bodyView-familyDiscovery .bodyViewHeader{
  position:relative !important;
  isolation:isolate !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr) !important;
  align-items:end !important;
  gap:clamp(18px,2vw,36px) !important;
  min-height:clamp(220px,20vw,330px) !important;
  margin:0 0 16px !important;
  padding:clamp(26px,3vw,54px) clamp(24px,3.2vw,62px) !important;
  overflow:hidden !important;
  border:1px solid rgba(76,202,198,.58) !important;
  border-radius:20px !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:100% 100% !important;
  box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
}

/* Même niveau de spécificité que le correctif Univers qui neutralise R117. */
html body .memberWorkspace.hasBodyView .bodyView-familyDiscovery--culture .bodyViewHeader,
html body .memberWorkspace.hasSalonContent.hasBodyView .bodyView-familyDiscovery--culture .bodyViewHeader,
html body .bodyView-familyDiscovery--culture .bodyViewHeader{
  background-image:url('../assets/images/home-r182/public-salons-r507.webp') !important;
}
html body .memberWorkspace.hasBodyView .bodyView-familyDiscovery--solidarity .bodyViewHeader,
html body .memberWorkspace.hasSalonContent.hasBodyView .bodyView-familyDiscovery--solidarity .bodyViewHeader,
html body .bodyView-familyDiscovery--solidarity .bodyViewHeader{
  background-image:url('../assets/images/home-r183/solidarity-hands-r507.webp') !important;
}

html body .bodyView-familyDiscovery .bodyViewHeader::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  inset:0 !important;
  background:linear-gradient(90deg,
    rgba(3,22,31,.66) 0%,
    rgba(3,22,31,.42) 30%,
    rgba(3,22,31,.13) 52%,
    rgba(3,22,31,0) 68%) !important;
}
html body .bodyView-familyDiscovery .bodyViewHeader::after{display:none !important;}
html body .bodyView-familyDiscovery .bodyViewHeader > *{position:relative !important;z-index:1 !important;}
html body .bodyView-familyDiscovery .bodyViewHeader > div:first-child{
  max-width:min(850px,58%) !important;
  align-self:end !important;
}
html body .bodyView-familyDiscovery .bodyViewHeader > div:first-child > span{
  color:#33d0cf !important;
  text-shadow:0 2px 10px rgba(0,0,0,.32) !important;
}
html body .bodyView-familyDiscovery .bodyViewHeader h1{
  max-width:820px !important;
  color:#fff9ef !important;
  font-size:clamp(34px,3vw,58px) !important;
  text-shadow:0 2px 12px rgba(0,0,0,.36) !important;
}
html body .bodyView-familyDiscovery .bodyViewHeader p{
  max-width:760px !important;
  color:#d8e3e2 !important;
  font-size:clamp(12px,.82vw,15px) !important;
  line-height:1.55 !important;
  text-shadow:0 1px 8px rgba(0,0,0,.38) !important;
}
html body .bodyView-familyDiscovery .r497FamilyHeaderTools{
  align-self:end !important;
  width:auto !important;
  min-width:0 !important;
  flex:unset !important;
  padding:12px !important;
  border:1px solid rgba(255,249,239,.16) !important;
  border-radius:13px !important;
  background:rgba(3,22,31,.72) !important;
  box-shadow:0 5px 18px rgba(0,0,0,.16) !important;
}

/* Responsive repris du hero Univers actif. */
@media(max-width:1707px){
  html body .memberWorkspace.hasBodyView .bodyView-familyDiscovery .bodyViewHeader,
  html body .bodyView-familyDiscovery .bodyViewHeader{
    min-height:250px !important;
  }
}
@media(max-width:1536px){
  html body .memberWorkspace.hasBodyView .bodyView-familyDiscovery .bodyViewHeader,
  html body .bodyView-familyDiscovery .bodyViewHeader{
    min-height:230px !important;
    grid-template-columns:1fr !important;
    align-content:end !important;
  }
  html body .bodyView-familyDiscovery .bodyViewHeader > div:first-child{max-width:760px !important;}
  html body .bodyView-familyDiscovery .r497FamilyHeaderTools{width:min(100%,760px) !important;}
}
@media(max-width:1366px){
  html body .memberWorkspace.hasBodyView .bodyView-familyDiscovery .bodyViewHeader,
  html body .bodyView-familyDiscovery .bodyViewHeader{
    min-height:210px !important;
    padding:24px 26px !important;
  }
}
@media(width:1280px) and (height:720px){
  html body .memberWorkspace.hasBodyView .bodyView-familyDiscovery .bodyViewHeader,
  html body .bodyView-familyDiscovery .bodyViewHeader{
    min-height:185px !important;
    padding:18px 20px !important;
  }
}
@media(max-width:720px){
  html body .memberWorkspace.hasBodyView .bodyView-familyDiscovery .bodyViewHeader,
  html body .bodyView-familyDiscovery .bodyViewHeader{
    min-height:220px !important;
    padding:20px 18px !important;
  }
  html body .bodyView-familyDiscovery .bodyViewHeader > div:first-child{max-width:100% !important;}
  html body .bodyView-familyDiscovery .r497FamilyHeaderTools{padding:9px !important;}
  html body .bodyView-familyDiscovery .bodyViewHeader::before{
    background:linear-gradient(90deg,rgba(3,22,31,.72),rgba(3,22,31,.36) 72%,rgba(3,22,31,.08)) !important;
  }
}