/* ============================================================
   SADIKOU — EVE-NG Pro 7.0.1 White-Label (page de LOGIN)
   Basé sur le vrai fichier /assets/login-0D_1WIx7.css
   scope Vue : [data-v-55176042] — peut changer à la prochaine
   version d'EVE-NG (le hash change), pas le nom des classes.
   ------------------------------------------------------------
   Charte graphique Sadikou (Yama Digital Com) :
   Rouge #D9291C — Noir #1A1A1A — Gris #999999 — Blanc #FFFFFF
   ============================================================ */

:root {
  --sad-rouge: #D9291C;
  --sad-noir:  #1A1A1A;
  --sad-gris:  #999999;
  --sad-blanc: #FFFFFF;
}

/* Astuce de spécificité : on répète la classe 3x pour être certain
   de passer devant le CSS scopé Vue ([data-v-hash] + classe = 2),
   sans dépendre de l'ordre de chargement des feuilles de style. */

/* ---------- Fond de la page ---------- */
.login-background.login-background.login-background {
  background-color: var(--sad-noir) !important;
}

/* On neutralise l'image de datacenter par défaut d'EVE-NG
   et on la remplace par un fond uni de la marque. Si tu préfères
   garder une texture, remplace 'none' par ton propre visuel Sadikou. */
.background-image-overlay.background-image-overlay.background-image-overlay {
  background-image: none !important;
  background-color: var(--sad-noir) !important;
  opacity: 1 !important;
}

/* ---------- Carte de connexion ---------- */
.login-card.login-card.login-card {
  border: none !important;
  background-color: rgba(26,26,26,0.75) !important; /* noir translucide, garde le blur existant */
}

.login-version.login-version.login-version {
  color: var(--sad-gris) !important;
  display: none !important;
}

.login-subtitle.login-subtitle.login-subtitle {
  color: var(--sad-blanc) !important;
}

/* ---------- Bouton de connexion ---------- */
.login-button.login-button.login-button {
  background-color: var(--sad-rouge) !important;
  color: var(--sad-blanc) !important;
  border: none !important;
}
.login-button.login-button.login-button:hover {
  filter: brightness(1.1);
}

/* ---------- Champs de saisie (Vuetify v-field) ---------- */
.login-card .v-field.v-field.v-field {
  background-color: #262626 !important;
}
.login-card .v-field__input.v-field__input.v-field__input {
  color: var(--sad-blanc) !important;
  caret-color: var(--sad-rouge) !important;
}
.login-card .v-label.v-label.v-label {
  color: var(--sad-gris) !important;
}
.login-card .v-input input::placeholder {
  color: #777 !important;
}
.login-card .v-field__append-inner .v-icon {
  color: var(--sad-gris) !important;
}

/* Contours des champs (focus / hover) */
.login-card.login-card.login-card .v-field:focus-within .v-field__outline__start,
.login-card.login-card.login-card .v-field:focus-within .v-field__outline__end,
.login-card.login-card.login-card .v-field:focus-within .v-field__outline__notch {
  border-color: var(--sad-rouge) !important;
}

/* ---------- Icônes mot de passe ---------- */
.password-icons.password-icons.password-icons {
  color: var(--sad-gris) !important;
}

/* ---------- Messages d'erreur ---------- */
.error-message.error-message.error-message {
  color: var(--sad-rouge) !important;
}

/* ---------- Remplacement du logo EVE par le logo Sadikou ---------- */
.login-logo.login-logo.login-logo {
  content: url('/images/brand/sadikou-logo.png') !important;
  max-height: 100px !important;
  width: auto !important;
  margin: 0 auto 12px auto !important;
}

/* ---------- Fond d'écran = hero Sadikou ---------- */
.background-image-overlay.background-image-overlay.background-image-overlay {
  background-image:
    linear-gradient(rgba(26,26,26,0.55), rgba(26,26,26,0.55)),
    url('/images/brand/hero1.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ---------- Remplacement du logo EVE par le logo Sadikou ---------- */
.login-logo.login-logo.login-logo {
  content: url('/images/brand/sadikou-logo.png') !important;
  max-height: 100px !important;
  width: auto !important;
  margin: 0 auto 12px auto !important;
}

/* ---------- Slogan sous le logo (vrais spans, injectés en JS) ---------- */
.sadikou-slogan {
  margin-top: -10px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 800;
  font-style: italic;
  letter-spacing: .3px;
  text-align: center;
}
.sadikou-slogan .s-white { color: var(--sad-blanc); }
.sadikou-slogan .s-red   { color: var(--sad-rouge); }
.sadikou-slogan .s-gray  { color: var(--sad-gris); }