/* ==========================================================================
   Yalendo — habillage de l'interface de dialogue.
   Monte en lecture seule dans /app/client/dist/yalendo.css et reference
   par index.html. Les couleurs reprennent la charte du PBX.
   ========================================================================== */
:root {
  --yl-ink: #16324a;
  --yl-blue: #0c4e7a;
  --yl-teal: #14726e;
  --yl-turq: #1b8f8a;
  --yl-gold: #e8a33d;
  --yl-brown: #8a5a12;
  --yl-green: #3f6b32;
}

/* Bouton principal des formulaires (connexion, inscription, envoi). */
form button[type="submit"],
button.btn-primary,
.btn.btn-primary {
  background-color: var(--yl-ink) !important;
  color: #ffffff !important;
  border-color: var(--yl-ink) !important;
}
form button[type="submit"]:hover,
button.btn-primary:hover,
.btn.btn-primary:hover {
  background-color: var(--yl-blue) !important;
}

/* Barre laterale et entete : rappel de la charte. */
nav[aria-label] a:hover,
aside a:hover {
  color: var(--yl-teal) !important;
}

/* Liens de la page de connexion. */
a[href*="register"],
a[href*="reset"],
a[href*="forgot"] {
  color: var(--yl-teal) !important;
  font-weight: 600;
}

/* Selection de texte aux couleurs de la marque. */
::selection {
  background: var(--yl-turq);
  color: #ffffff;
}

/* Le logo garde ses proportions dans le conteneur carre du composant. */
img[alt*="logo" i],
img[src*="logo.svg"] {
  object-fit: contain;
}

/* Le composant logo reserve 40 px de haut : le dessin y etait minuscule.
   On double la hauteur du bandeau qui le contient sur les ecrans d'entree. */
div.h-10:has(> img[src*="logo.svg"]) {
  height: 4.5rem !important;
  min-height: 4.5rem;
}
div.h-10 > img[src*="logo.svg"] {
  height: 4.5rem !important;
  width: auto !important;
  max-width: 100%;
  margin: 0 auto;
  display: block;
  /* Le bundle reference assets/logo.svg, nom sans empreinte : les navigateurs
     deja venus gardent l'ancienne image en cache. content:url() pointe vers un
     nom neuf et force le telechargement. */
  content: url('/assets/logo-yalendo.svg');
}

/* Pied de page : rappel de la charte. */
footer a {
  color: var(--yl-teal);
}