/* ETHNOS R798 — finition inscription ciblée.
   Base canonique : R797.
   Périmètre demandé : centrage carte date, Statut (Retour sous cartes + badge
   Officiel réparé), standard orange officiel de l'accueil, finition Accès,
   refonte couleur étape 04, suppression des accents cyan et amélioration
   visuelle des 4 valeurs. Aucun contrat API ni logique métier modifié. */
:root{
  --r798-charcoal:#1f1f1f;
  --r798-blue-deep:#071f2d;
  --r798-blue:#0a3448;
  --r798-blue-bright:#0b526d;
  --r798-orange:#ee8d55;
  --r798-orange-top:#ffad7a;
  --r798-orange-dark:#c96d3d;
  --r798-ink:#071826;
  --r798-green:#2f8f61;
  --r798-light:#fffdf9;
  --r798-muted-light:#d5e0e5;
}

/* -------------------------------------------------------------------------- */
/* Standard orange officiel : source active accueil commercial R524.          */
/* On l'applique aux CTA déjà orange, jamais aux cartes de statut.             */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage button.joinContinue:not(.statusChoice),
body[data-etnos-build="r776"] .joinPage .valuesCommit,
body[data-etnos-build="r776"] .joinPage .emailVerificationStepAction,
body[data-etnos-build="r776"] .joinPage .emailValidatedCta,
body[data-etnos-build="r776"] .joinPage .photoCharterAccept{
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,var(--r798-orange-top) 0%,var(--r798-orange) 100%) !important;
  color:var(--r798-ink) !important;
  box-shadow:0 1px 0 var(--r798-orange-dark),0 3px 5px rgba(0,0,0,.11) !important;
  filter:none !important;
  font-weight:750 !important;
  text-shadow:none !important;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease !important;
}
body[data-etnos-build="r776"] .joinPage button.joinContinue:not(.statusChoice):not(:disabled):hover,
body[data-etnos-build="r776"] .joinPage .valuesCommit:not(:disabled):hover,
body[data-etnos-build="r776"] .joinPage .emailVerificationStepAction:not(:disabled):hover{
  filter:brightness(1.025) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 2px 0 var(--r798-orange-dark),0 4px 6px rgba(0,0,0,.12) !important;
}
body[data-etnos-build="r776"] .joinPage button.joinContinue:not(.statusChoice):active,
body[data-etnos-build="r776"] .joinPage .valuesCommit:active{
  filter:brightness(.995) !important;
  transform:translateY(1px) !important;
  box-shadow:0 0 0 var(--r798-orange-dark),0 2px 3px rgba(0,0,0,.09) !important;
}
body[data-etnos-build="r776"] .joinPage button.joinContinue:not(.statusChoice):disabled{
  opacity:.46 !important;
  filter:saturate(.55) !important;
  box-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* Zéro accent cyan dans l'inscription : accents -> orange, focus -> orange.   */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .joinSectionLabel,
body[data-etnos-build="r776"] .joinPage .valuesCompactHeader .joinSectionLabel,
body[data-etnos-build="r776"] .joinPage .profileReadyPanel>.joinSectionLabel,
body[data-etnos-build="r776"] .joinPage .emailVerificationPanel .joinSectionLabel,
body[data-etnos-build="r776"] .joinPage .emailValidatedPanel .joinSectionLabel{
  color:var(--r798-orange) !important;
}
body[data-etnos-build="r776"] .joinPage input:focus,
body[data-etnos-build="r776"] .joinPage textarea:focus,
body[data-etnos-build="r776"] .joinPage select:focus,
body[data-etnos-build="r776"] .joinPage button:focus-visible{
  border-color:var(--r798-orange) !important;
  outline-color:rgba(238,141,85,.46) !important;
}
body[data-etnos-build="r776"] .joinPage .joinSteps li.isActive span{
  outline-color:var(--r798-orange) !important;
  box-shadow:inset 0 -3px 0 var(--r798-orange) !important;
}

/* -------------------------------------------------------------------------- */
/* 01 — carte date : centrage réel dans le grand bloc blanc.                   */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .joinAgeEntryForm{
  place-self:center !important;
  margin:auto !important;
}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryCopy .joinSectionLabel,
body[data-etnos-build="r776"] .joinPage .joinAgeEntryCopy h2 span{
  color:var(--r798-orange) !important;
}
body[data-etnos-build="r776"] .joinPage .joinAgePrivacy{
  border-left-color:var(--r798-orange) !important;
}

/* -------------------------------------------------------------------------- */
/* 02 — Statut : Retour sous les trois cartes ; Officiel réparé dans le blanc. */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] .profileChoiceCopy{
  display:grid !important;
  grid-template-rows:minmax(0,1fr) auto !important;
  gap:16px !important;
}
body[data-etnos-build="r776"] .joinPage .profileChoiceBottomAction{
  width:min(1380px,95%) !important;
  margin:0 auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}
body[data-etnos-build="r776"] .joinPage .r798ProfileReturn{
  width:auto !important;
  min-width:150px !important;
  min-height:42px !important;
  margin:0 !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] .statusChoiceCopy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  min-height:0 !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] .statusChoiceCopy small{
  flex:1 1 auto !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-choice"] .statusOfficialBadge{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  margin:14px 0 0 !important;
  padding:7px 12px !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,var(--r798-orange-top) 0%,var(--r798-orange) 100%) !important;
  color:var(--r798-ink) !important;
  box-shadow:0 1px 0 var(--r798-orange-dark),0 3px 5px rgba(0,0,0,.11) !important;
  font-size:11px !important;
  font-weight:750 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
  text-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 03 — Accès : gradient plus lisible, accents orange, mot de passe réparé.    */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .accessWorkspace{
  border:1px solid rgba(238,141,85,.46) !important;
  border-top:3px solid var(--r798-orange) !important;
  background:linear-gradient(118deg,var(--r798-blue-deep) 0%,var(--r798-blue) 52%,var(--r798-blue-bright) 100%) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.10) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .accessPrivateSummary{
  border-color:rgba(255,255,255,.20) !important;
  border-bottom:2px solid rgba(238,141,85,.72) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .accessIdentityPrivacy{
  border-color:rgba(255,255,255,.18) !important;
  border-left:4px solid var(--r798-orange) !important;
  background:rgba(255,255,255,.08) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .accessPrivateSummary button{
  color:var(--r798-orange-top) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .passwordControl{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:50px !important;
  min-height:50px !important;
  border:0 !important;
  background:transparent !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .passwordControl input{
  box-sizing:border-box !important;
  width:100% !important;
  height:50px !important;
  padding-right:92px !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .passwordControl button{
  position:absolute !important;
  top:50% !important;
  right:6px !important;
  transform:translateY(-50%) !important;
  width:auto !important;
  min-width:74px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 12px !important;
  border:1px solid rgba(238,141,85,.55) !important;
  border-radius:8px !important;
  background:#fff8f2 !important;
  color:var(--r798-ink) !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-weight:650 !important;
  line-height:1 !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .accessRequirements span{
  color:#d6e1e5 !important;
  font-weight:400 !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .accessRequirements span.isComplete{
  color:#63d19a !important;
  font-weight:400 !important;
}

/* -------------------------------------------------------------------------- */
/* 04 — Votre profil : refonte couleur, pas de refonte structurelle.           */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileWorkspaceCombined{
  background:linear-gradient(118deg,var(--r798-blue-deep) 0%,var(--r798-blue) 52%,var(--r798-blue-bright) 100%) !important;
  color:#fff !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro h2,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro p{
  color:#fff !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileEditorCombined>.profileIntro p{
  color:var(--r798-muted-light) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button{
  border-color:rgba(255,255,255,.24) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  box-shadow:none !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button>span{
  background:#fff3ea !important;
  color:var(--r798-orange-dark) !important;
  border:1px solid rgba(238,141,85,.45) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button.isActive{
  border-color:var(--r798-orange) !important;
  background:#0a3151 !important;
  color:#fff !important;
  box-shadow:inset 0 -3px 0 var(--r798-orange) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button.isActive>span{
  background:linear-gradient(180deg,var(--r798-orange-top),var(--r798-orange)) !important;
  border-color:rgba(255,211,183,.92) !important;
  color:var(--r798-ink) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button.isActive strong,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileSectionTabs>button.isActive small{
  color:#fff !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileCompletionRail{
  border:1px solid rgba(255,255,255,.24) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileCompletionFill,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileCompletionTrack>span{
  background:var(--r798-orange) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileCombinedColumn.isActive{
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileCombinedColumnHead{
  border-bottom-color:rgba(238,141,85,.55) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileCombinedColumnHead strong,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileCombinedColumn :where(.fieldGroup>span:first-child,.profileImageHeading strong,.interestHeading strong,.originHeading strong,.bioField>label,.originSection h3,.originSectionTitle,.genderSectionR643 h3){
  color:#fff !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileCombinedColumnHead small,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileCombinedColumn :where(.fieldGroup>small,.profileImageHeading small,.interestHeading small,.originTrustNote,.bioSpellcheckHint,.nicknameRuleR776){
  color:#d2dee4 !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .profileImageSection,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .originSection,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .interestSection{
  border-color:rgba(238,141,85,.52) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .uploadChoice{
  border-color:rgba(238,141,85,.72) !important;
  background:#fffdf9 !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .uploadChoice .choiceIcon{
  background:#fff0e5 !important;
  color:var(--r798-orange-dark) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .interestHeading>span{
  color:var(--r798-orange-top) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .languageGrid button:hover,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .interestGrid button:hover{
  border-color:var(--r798-orange) !important;
  background:#fff5ee !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .charterStatus.isAccepted,
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="profile-identity"] .formRequirements span.isComplete{
  color:#63d19a !important;
  font-weight:400 !important;
}

/* -------------------------------------------------------------------------- */
/* 05 — Nos valeurs : plus de cyan, photos grandes, 4 cartes équilibrées.      */
/* -------------------------------------------------------------------------- */
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesPillarsR775{
  align-self:center !important;
  align-content:center !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(2,auto) !important;
  gap:14px !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesPillarsR775>section{
  min-height:164px !important;
  grid-template-columns:minmax(150px,180px) 44px minmax(0,1fr) !important;
  gap:16px !important;
  align-items:center !important;
  padding:18px 20px !important;
  border:1px solid #d6dfe4 !important;
  border-left:4px solid var(--r798-orange) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 7px 18px rgba(7,26,57,.06) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuePhotoR776{
  width:100% !important;
  height:126px !important;
  border-radius:9px !important;
  object-fit:cover !important;
  box-shadow:0 3px 10px rgba(7,26,57,.11) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesPillarsR775>section>span{
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(255,211,183,.92) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,var(--r798-orange-top),var(--r798-orange)) !important;
  color:var(--r798-ink) !important;
  font-weight:750 !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesPillarsR775 h3{
  margin-bottom:8px !important;
  font-size:clamp(19px,1.28vw,24px) !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesPillarsR775 p{
  font-size:clamp(12px,.82vw,15px) !important;
  line-height:1.45 !important;
}
body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valueSlideR775{
  align-content:center !important;
  grid-template-rows:auto auto !important;
}

@media (max-width:1100px){
  body[data-etnos-build="r776"] .joinPage .profileChoiceBottomAction{padding-bottom:14px !important;}
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesPillarsR775>section{
    grid-template-columns:120px 38px minmax(0,1fr) !important;
    min-height:140px !important;
    padding:14px !important;
  }
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuePhotoR776{height:92px !important;}
}
@media (max-width:700px){
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesPillarsR775{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuesPillarsR775>section{
    grid-template-columns:92px 34px minmax(0,1fr) !important;
    min-height:118px !important;
  }
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="values"] .valuePhotoR776{height:76px !important;}
}

/* R798 — verrou global demandé : aucun cyan d'accent ne doit survivre dans le parcours. */
body[data-etnos-build="r776"]{
  --r775-cyan:var(--r798-orange) !important;
  --r775-cyan-soft:#fff0e5 !important;
}
body[data-etnos-build="r776"] .joinPage .joinProgressTrack>span{
  background:var(--r798-orange) !important;
}
body[data-etnos-build="r776"] .joinPage :where(.nicknameEmojiPicker,.avatarPicker,.profileEmojiPicker)>summary::after{
  color:var(--r798-orange) !important;
}
body[data-etnos-build="r776"] .joinPage .paymentPriceR775 span,
body[data-etnos-build="r776"] .joinPage .launchBadgeR775{
  color:var(--r798-orange) !important;
}

/* Écrans courts : le bloc Accès doit défiler dans le corps de l'inscription. */
@media (max-height:820px){
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .joinCardBody{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
  }
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .joinView[data-view="access"]{
    height:auto !important;
    min-height:100% !important;
    overflow:visible !important;
  }
  body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="access"] .accessWorkspace{
    max-height:none !important;
    margin:14px auto 20px !important;
  }
}

/* Centrage géométrique de la carte date sans modifier la largeur de la colonne
   narrative : le spacer historique devient une vraie colonne et la cellule
   blanche droite l'englobe. */
body[data-etnos-build="r776"] .joinPage .joinAgeEntryPanel{
  grid-template-columns:minmax(0,1.22fr) clamp(34px,5vw,92px) minmax(360px,.78fr) !important;
  column-gap:0 !important;
  row-gap:0 !important;
}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryCopy{grid-column:1 !important;}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryFormCell{
  grid-column:2 / 4 !important;
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  display:grid !important;
  place-items:center !important;
  padding:14px !important;
  background:#fff !important;
}
body[data-etnos-build="r776"] .joinPage .joinAgeEntryFormCell>.joinAgeEntryForm{
  width:min(calc(100% - 28px),520px) !important;
  max-width:520px !important;
  margin:0 !important;
  place-self:center !important;
}
@media (max-width:1000px){
  body[data-etnos-build="r776"] .joinPage .joinAgeEntryPanel{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  body[data-etnos-build="r776"] .joinPage .joinAgeEntryCopy,
  body[data-etnos-build="r776"] .joinPage .joinAgeEntryFormCell{grid-column:1 !important;}
  body[data-etnos-build="r776"] .joinPage .joinAgeEntryFormCell{
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
  }
  body[data-etnos-build="r776"] .joinPage .joinAgeEntryFormCell>.joinAgeEntryForm{
    width:100% !important;
    max-width:640px !important;
  }
}