/* ==========================================================================
   INVIKTUS — habillage ALMARE du coffre-fort.
   Couleurs/thème = invictus.js (tokens inline !important).
   Ici : identité visuelle du login façon Ἑρμῆς (Raleway, carte sombre,
   bouton pilule, logo centré) + masquages.
   ========================================================================== */

/* ---- Police Raleway sur les écrans de connexion (comme Hermès) ---- */
body.layout_frontend {
  font-family: 'Raleway', -apple-system, 'Segoe UI', system-ui, sans-serif !important;
}

/* ---- Logo login : le SVG "Vaultwarden" est inline dans le JS → masqué,
   logo ALMARE/INVIKTUS injecté, et CENTRÉ au-dessus de la carte ---- */
bit-svg[aria-label="Inviktus logo"] {
  display: flex !important;
  justify-content: center;
}
bit-svg[aria-label="Inviktus logo"] > svg {
  display: none !important;
}
bit-svg[aria-label="Inviktus logo"]::after {
  content: "";
  display: block;
  width: 300px;
  height: 72px;
  background: url("images/logo-white.svg?v=5") center/contain no-repeat;
}
/* recentre le logo d'en-tête (le custom-element ignore le flex → block+center) */
body.layout_frontend bit-landing-header,
body.layout_frontend bit-landing-header header {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
body.layout_frontend a[href="#/"] {
  display: inline-block !important;
  width: auto !important;
  margin: 10px auto 4px !important;
  float: none !important;
}
body.layout_frontend a[href="#/"] bit-svg {
  display: inline-flex !important;
}

/* Logo de l'écran de chargement */
img.new-logo-themed,
.theme_light img.new-logo-themed,
.theme_dark img.new-logo-themed {
  content: url("images/logo-white.svg?v=5") !important;
  width: 240px !important;
  height: auto !important;
}

/* ---- Masque l'illustration "coffre" (Hermès n'a pas d'icône) ---- */
body.layout_frontend bit-svg:has(path[class*="fill-illustration"]) {
  display: none !important;
}

/* ---- Carte de connexion façon Hermès : vert profond, arrondie, ombrée ---- */
body.layout_frontend [class*="rounded-2xl"] {
  background-color: #12211b !important;
  border: 1px solid #1f3a30 !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .5) !important;
}

/* ---- Champs de saisie sombres, uniformes (le fond est sur le conteneur) ---- */
body.layout_frontend [bitfieldcontainer],
body.layout_frontend bit-form-field [class~="tw-bg-background"] {
  background-color: #0b1512 !important;
  border-radius: 10px !important;
}
body.layout_frontend [bitfieldcontainer] input {
  background-color: transparent !important;
}

/* ---- Bouton pilule émeraude (comme Hermès) ---- */
body.layout_frontend button[type="submit"] {
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: .3px;
}

/* ---- Pied de page ALMARE ---- */
body.layout_frontend::after {
  content: "© SAS ALMARE";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 18px;
  text-align: center;
  font-size: 12px;
  letter-spacing: .5px;
  color: rgba(230, 244, 239, .38);
  pointer-events: none;
}

/* ---- Masque le footer disclaimer Vaultwarden/Bitwarden + "Create account" ---- */
body.layout_frontend footer,
body.layout_frontend .tw-text-muted:last-child,
a[routerlink="/signup"],
a[href$="/signup"],
a[href$="/register"] {
  display: none !important;
}

/* ---- Neutralise tout lien externe résiduel vers Bitwarden ---- */
a[href*="bitwarden.com"],
a[href*="help.bitwarden"],
a[href*="vault.bitwarden"] {
  display: none !important;
}