/* Rebrand Nahouda pour Forgejo - NOPS-111
   Valeurs alignees sur le composant nha-login (ui.nahouda.fr/?path=/story/sections-auth-login-connexion--avec-sso) */
:root {
  --color-primary: #0a2852;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #071d3b;
  --color-primary-dark-2: #071d3b;
  --color-primary-dark-3: #06162d;
  --color-primary-dark-4: #06162d;
  --color-primary-light-1: #0e366f;
  --color-primary-light-2: #124690;
  --color-primary-light-3: #175cbd;
  --color-primary-light-4: #2e7be6;
  --color-primary-light-5: #80aff0;
  --color-primary-light-6: #dfebfb;
  --color-primary-light-7: #f1f6fd;
  --color-primary-alpha-10: #0a285219;
  --color-primary-alpha-20: #0a285233;
  --color-primary-alpha-30: #0a28524b;
  --color-primary-alpha-40: #0a285266;
  --color-primary-alpha-50: #0a285280;
  --color-primary-alpha-60: #0a285299;
  --color-primary-alpha-70: #0a2852b3;
  --color-primary-alpha-80: #0a2852cc;
  --color-primary-alpha-90: #0a2852e1;
}

body, button, input, select, textarea {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #2e7be6;
    --color-primary-contrast: #06162d;
    --color-primary-dark-1: #80aff0;
    --color-primary-dark-2: #80aff0;
    --color-primary-dark-3: #dfebfb;
    --color-primary-dark-4: #dfebfb;
    --color-primary-light-1: #175cbd;
    --color-primary-light-2: #124690;
    --color-primary-light-3: #0e366f;
    --color-primary-light-4: #0a2852;
    --color-primary-light-5: #071d3b;
    --color-primary-light-6: #06162d;
    --color-primary-light-7: #06162d;
    --color-primary-alpha-10: #2e7be619;
    --color-primary-alpha-20: #2e7be633;
    --color-primary-alpha-30: #2e7be64b;
    --color-primary-alpha-40: #2e7be666;
    --color-primary-alpha-50: #2e7be680;
    --color-primary-alpha-60: #2e7be699;
    --color-primary-alpha-70: #2e7be6b3;
    --color-primary-alpha-80: #2e7be6cc;
    --color-primary-alpha-90: #2e7be6e1;
  }
}

/* --- Ecran de connexion : rapproche du composant nha-login --- */

/* Topbar inutile sur l'ecran de connexion : masquee (reste affichee partout ailleurs, une fois connecte) */
body:has(.page-content.user.signin) #navbar {
  display: none;
}

body:has(.page-content.user.signin) .page-content.user.signin {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

.page-content.user.signin .ui.middle.very.relaxed.page.grid {
  width: 100%;
  margin: 0 !important;
}

.page-content.user.signin .column {
  max-width: 420px !important;
  margin: 0 auto !important;
}

/* Bloc marque (logo + tagline), injecte par le template custom/templates/user/auth/signin.tmpl */
.nahouda-login-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.nahouda-login-brand img {
  width: 40px;
  height: 40px;
}
.nahouda-login-brand p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #2b4775;
  text-align: center;
}

/* Carte de connexion : version sans encadre, alignee sur nha-login */
.page-content.user.signin .ui.top.attached.header {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #2b4775;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  padding: 0 0 1rem 0;
}
.page-content.user.signin .ui.attached.segment {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

.page-content.user.signin label {
  color: #2b4775;
  font-weight: 500;
  font-size: 14px;
}
.page-content.user.signin input[type="text"],
.page-content.user.signin input[type="password"],
.page-content.user.signin input[type="email"] {
  border: 1px solid #7288aa;
  border-radius: 8px;
}

.page-content.user.signin .ui.button {
  border-radius: 9999px;
}

/* Bouton principal (email/mdp) : plein Marine, deja gere par --color-primary */

/* Boutons SSO (oauth2-login-navigator) : contour Marine, fond transparent */
.page-content.user.signin #oauth2-login-navigator .ui.button {
  background: transparent;
  border: 1px solid #2b4775;
  color: #2b4775;
  box-shadow: none;
}
.page-content.user.signin #oauth2-login-navigator .ui.button:hover {
  background: #0a285219;
}

.page-content.user.signin .divider.divider-text {
  color: #2b4775;
}

/* Footer masque sur l'ecran de connexion + reduction des marges pour eviter le scroll */
body:has(.page-content.user.signin) footer.page-footer {
  display: none;
}
body:has(.page-content.user.signin) #navbar {
  display: none;
}
body:has(.page-content.user.signin) .full.height {
  min-height: 0;
}

/* Ligne "Mot de passe" + lien "Mot de passe oublie ?" en ligne */
.page-content.user.signin .nahouda-password-label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}
.page-content.user.signin .nahouda-forgot-password-inline {
  font-size: 13px;
  color: #2b4775;
  white-space: nowrap;
}