/* ETHNOS R832 — correction stricte des deux écarts visuels signalés après R831.
   Base figée : R831.
   1) Le bandeau post-10 000 réutilise la géométrie de .paymentLaunchR818 sans
      hauteur parallèle propre : mêmes colonnes, mêmes photos, même gabarit extérieur.
   2) O1–O4 reprennent la coque validée de l'étape "Votre profil" : fond général
      gris anthracite + panneau central bleu ETHNOS. Les éléments crème O2/O4 restent intacts.
   Aucun moteur métier, paiement, API, validation ou navigation n'est modifié. */

/* -------------------------------------------------------------------------- */
/* Bandeau 3,99 € : aucune géométrie extérieure indépendante.                 */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .paymentTrialR828{
  height:auto!important;
  min-height:clamp(300px,41vh,430px)!important;
  max-height:none!important;
  grid-template-columns:minmax(250px,.86fr) minmax(430px,1.22fr) minmax(230px,.72fr)!important;
}
body[data-etnos-build="r776"] .joinPage .paymentTrialContentR828{
  min-height:0!important;
  align-self:stretch!important;
  justify-content:center!important;
  padding:clamp(24px,3vw,44px)!important;
  gap:clamp(10px,1.05vh,16px)!important;
  overflow:visible!important;
}
body[data-etnos-build="r776"] .joinPage .paymentTrialHeadlineR828>strong{
  font-size:clamp(42px,3.15vw,64px)!important;
  line-height:.96!important;
  white-space:nowrap!important;
}
body[data-etnos-build="r776"] .joinPage .paymentTrialHeadlineR828>span:last-child{
  font-size:clamp(16px,1.12vw,22px)!important;
}
body[data-etnos-build="r776"] .joinPage .paymentTrialWelcomeR828,
body[data-etnos-build="r776"] .joinPage .paymentTrialFreeR828,
body[data-etnos-build="r776"] .joinPage .paymentTrialPriceR828,
body[data-etnos-build="r776"] .joinPage .paymentTrialNoCardR828,
body[data-etnos-build="r776"] .joinPage .paymentTrialR828 .paymentLaunchFinePrintR818{
  color:#fff!important;
  opacity:1!important;
}
@media (max-height:820px) and (min-width:1101px){
  body[data-etnos-build="r776"] .joinPage .paymentTrialR828{
    height:auto!important;
    min-height:clamp(265px,38vh,320px)!important;
    max-height:none!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentTrialContentR828{
    padding:20px 30px!important;
    gap:6px!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentTrialHeadlineR828>strong{font-size:clamp(36px,3.35vw,54px)!important;}
}
@media (max-width:1100px){
  body[data-etnos-build="r776"] .joinPage .paymentTrialR828{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-columns:1fr 1fr!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentTrialContentR828{
    grid-column:1 / -1!important;
    grid-row:1!important;
    padding:26px clamp(24px,5vw,54px)!important;
  }
}
@media (max-width:760px){
  body[data-etnos-build="r776"] .joinPage .paymentTrialR828{grid-template-columns:1fr!important;}
}

/* -------------------------------------------------------------------------- */
/* Parcours officiel : coque de référence = gris extérieur + panneau bleu.    */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .joinCardBody{
  background:#1f1f1f!important;
  background-image:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .joinView[data-view^="official-"]:not([hidden]){
  box-sizing:border-box!important;
  width:100%!important;
  min-height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(18px,2vh,30px) clamp(20px,2.6vw,46px)!important;
  overflow:visible!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .officialWorkspace{
  box-sizing:border-box!important;
  width:min(1640px,100%)!important;
  max-width:1640px!important;
  height:auto!important;
  min-height:0!important;
  margin:auto!important;
  padding:clamp(22px,2vw,34px) clamp(24px,2.4vw,42px) clamp(26px,2.4vw,40px)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:8px!important;
  background:linear-gradient(118deg,var(--r798-blue-deep,#071f2d) 0%,var(--r798-blue,#0a3448) 52%,var(--r798-blue-bright,#0b526d) 100%)!important;
  color:#fff!important;
  overflow:visible!important;
  box-shadow:none!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .officialFooter{
  box-sizing:border-box!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:14px 0 0!important;
  min-height:62px!important;
  overflow:visible!important;
  align-items:center!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .officialFooter>button{
  position:static!important;
  transform:none!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* O1/O3 : champs dans le panneau, textes secondaires clairs. */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="official-identity"] .officialIntro,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="official-presence"] .officialIntro{
  margin-bottom:18px!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] :is(.officialIntro h2,.officialReadyWorkspace h2){
  color:#fff!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] :is(.officialIntro p,.officialReadyWorkspace>p),
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .officialGrid .fieldGroup>small{
  color:var(--r798-muted-light,#d5e0e5)!important;
  opacity:1!important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .officialGrid .fieldGroup>span{
  color:#fff!important;
}

/* O2/O4 : les surfaces crème existantes sont explicitement préservées. */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="official-media"] :is(.officialMediaCard,.officialMediaNote),
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="official-ready"] :is(.officialReadyRules>p,.officialAgreement){
  background-color:var(--r798-light,#fffdf9)!important;
}

/* Écrans courts : priorité à l'intégrité, jamais de boutons rognés. */
@media (max-height:900px){
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .joinView[data-view^="official-"]:not([hidden]){
    align-items:flex-start!important;
    padding-top:16px!important;
    padding-bottom:24px!important;
  }
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .officialWorkspace{
    margin:0 auto!important;
  }
}
@media (max-width:1366px){
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .joinView[data-view^="official-"]:not([hidden]){
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view^="official-"] .officialWorkspace{
    width:100%!important;
  }
}