@charset "UTF-8";
/* ============================================================
   Habillage Weluma de secret.weluma.com (OTS) - v1
   Format valide des pages Weluma (cf. theme SSO weluma-v9.css) : fond bleute,
   carte blanche a bordure haute Bleu Celeste + ombre, logo noir, texte noir,
   Chillax pour les titres et le texte, Georgia italique en accroche,
   pied de page hotline (injecte par nginx avant </body>).
   Servi par l'overlay OTS : a chaque modification, renommer (v2...) et changer
   le sub_filter nginx qui l'injecte.
   ============================================================ */

@font-face { font-family: 'Chillax'; font-weight: 400; font-display: swap; src: url('/fonts/Chillax-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Chillax'; font-weight: 500; font-display: swap; src: url('/fonts/Chillax-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Chillax'; font-weight: 600; font-display: swap; src: url('/fonts/Chillax-Semibold.woff2') format('woff2'); }

:root, [data-bs-theme=light], [data-bs-theme=dark] {
  --weluma-bleu: #2453ff;
  --weluma-bleu-fonce: #0e2166;
  --weluma-bordure: #dfe3f5;
  --weluma-fond: #f4f6ff;
  --weluma-texte-doux: #3c4166;
  color-scheme: light;
  --bs-body-bg: var(--weluma-fond);
  --bs-body-color: #000;
  --bs-emphasis-color: #000;
  --bs-secondary-color: var(--weluma-texte-doux);
  --bs-border-color: var(--weluma-bordure);
  --bs-primary: var(--weluma-bleu);
  --bs-primary-rgb: 36, 83, 255;
  --bs-link-color: #000;
  --bs-link-hover-color: var(--weluma-bleu);
  --bs-link-color-rgb: 0, 0, 0;
  --bs-link-hover-color-rgb: 36, 83, 255;
  --bs-tertiary-bg: #fff;
  --bs-secondary-bg: #fff;
  --bs-body-font-family: 'Chillax', 'Century Gothic', sans-serif;
}

body {
  background: var(--weluma-fond);
  color: #000;
  font-family: 'Chillax', 'Century Gothic', sans-serif;
  min-height: 100vh;
  padding-bottom: 72px;
}

/* En-tete : bandeau blanc, logo Weluma noir + accroche « secret » */
.navbar { background: #fff !important; border-bottom: 1px solid var(--weluma-bordure); padding: 14px 0; }
.navbar .container-fluid { max-width: 820px; margin: 0 auto; }
.navbar-brand { display: flex; align-items: baseline; gap: 10px; color: #000 !important; }
.navbar-brand img { height: 28px; width: auto; margin: 0 !important; align-self: center; }
.navbar-brand span { display: none; }
.navbar-brand::after { content: 'secret'; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 17px; color: #000; }
.navbar .nav-link { color: #000 !important; font-weight: 500; }
.navbar .nav-link:hover, .navbar .nav-link:focus-visible { color: var(--weluma-bleu) !important; }
.navbar .nav-link i { color: var(--weluma-bleu); }
.navbar-toggler { border-color: var(--weluma-bordure); }

/* Contenu centre */
.container { max-width: 820px; }
.container.mt-4 { margin-top: 48px !important; }

/* Cartes : blanches, bordure haute Bleu Celeste, ombre douce */
.card {
  background: #fff;
  border: 0 !important;
  border-top: 6px solid var(--weluma-bleu) !important;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(14, 33, 102, .12);
  overflow: hidden;
}
.card-header {
  background: #fff !important;
  border-bottom: 1px solid var(--weluma-bordure);
  color: #000 !important;
  font-family: 'Chillax', 'Century Gothic', sans-serif;
  font-weight: 500;
  font-size: 1.35rem;
  padding: 22px 28px 16px;
}
.card-body { padding: 24px 28px 28px; }
.card-body ul, .card-body ol { padding-left: 1.2rem; }

/* Champs */
.form-control, .form-select { border-color: var(--weluma-bordure); border-radius: 8px; background-color: #fff; color: #000; }
.form-control:focus, .form-select:focus { border-color: var(--weluma-bleu); box-shadow: 0 0 0 .2rem rgba(36, 83, 255, .18); }
.form-label { font-weight: 600; }
.form-text { color: var(--weluma-texte-doux); }
.input-group-text { background: #f4f6ff; border-color: var(--weluma-bordure); }

/* Boutons : aplat Bleu Celeste, texte blanc, survol bleu nuit */
.btn-success, .btn-primary {
  background-color: var(--weluma-bleu) !important;
  border-color: var(--weluma-bleu) !important;
  color: #fff !important;
  border-radius: 8px;
  font-weight: 500;
  padding: .55rem 1.4rem;
}
.btn-success:hover, .btn-primary:hover, .btn-success:focus-visible, .btn-primary:focus-visible {
  background-color: var(--weluma-bleu-fonce) !important;
  border-color: var(--weluma-bleu-fonce) !important;
}
.btn-secondary, .btn-outline-secondary, .btn-outline-primary {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid var(--weluma-bleu) !important;
  border-radius: 8px;
}
.btn-secondary:hover, .btn-outline-secondary:hover, .btn-outline-primary:hover { background: #f4f6ff !important; }

/* Alertes et encadres d'info : sobres, liseré bleu */
.alert { border-radius: 10px; border: 1px solid var(--weluma-bordure); border-left: 4px solid var(--weluma-bleu); background: #fff; color: #000; }
.alert-danger { border-left-color: #d63b3b; }
.bg-info-subtle, .bg-success-subtle, .bg-primary-subtle { background: #fff !important; }

/* Liens : noirs soulignes */
a:not(.btn):not(.nav-link):not(.navbar-brand) { color: #000; text-decoration-color: var(--weluma-bordure); text-underline-offset: 3px; }
a:not(.btn):not(.nav-link):not(.navbar-brand):hover { color: var(--weluma-bleu); text-decoration-color: var(--weluma-bleu); }

/* Pied de page d'aide (meme format que sso.echange.cloud) */
.weluma-aide {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 10;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 4px 8px;
  padding: 14px 16px;
  border-top: 1px solid var(--weluma-bordure);
  background: #fff;
  font-family: 'Century Gothic', 'Chillax', sans-serif;
  font-size: 13.5px; font-weight: 600;
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: .02em;
  color: var(--weluma-texte-doux);
}
.weluma-aide a { color: var(--weluma-texte-doux) !important; text-decoration: underline; text-decoration-color: var(--weluma-bordure); text-underline-offset: 3px; }
.weluma-aide a:hover, .weluma-aide a:focus-visible { color: var(--weluma-bleu) !important; text-decoration-color: var(--weluma-bleu); }
@media (max-height: 759px), (max-width: 575px) {
  .weluma-aide { position: static; margin-top: 32px; }
  body { padding-bottom: 0; }
}