/* Habillage Lynxdrone de SFTPGo (v2.7). Servi sous /static/custom/lynxdrone.css (extra_css), copié par 02-sftpgo.
   Cible le gabarit officiel templates/common/login.html : logo en col-5 + nom en col-7, pied avec langue et mentions. */

:root, [data-bs-theme="light"], [data-bs-theme="dark"] {
  --bs-primary: #1E8FC6;               /* bleu Lynxdrone assombri : texte blanc lisible sur le bouton */
  --bs-primary-rgb: 30, 143, 198;
  --bs-primary-active: #1878A8;
  --bs-link-color: #1E8FC6;
}
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
  background-color: #1E8FC6 !important; border-color: #1E8FC6 !important; color: #fff !important;
}
.btn.btn-primary:hover { background-color: #1878A8 !important; border-color: #1878A8 !important; }

/* --- Pages de connexion : logo seul, centré, en grand ; plus de nom répété à côté */
#sign_in_form .container { padding: 0; margin-bottom: 2rem !important; }
#sign_in_form .container > .row > .col-5 { flex: 0 0 100%; max-width: 100%; text-align: center; }
#sign_in_form .container > .row > .col-7 { display: none; }
#sign_in_form img[alt="Logo"] { height: auto !important; width: 100%; max-width: 340px; }
[data-bs-theme="dark"] img[alt="Logo"] { content: url("/static/custom/lynxdrone-logo-dark.png"); }

/* --- Pied de la carte : petit, discret, centré, sur deux lignes */
#sign_in_form ~ hr { margin: 1.75rem 0 .75rem; opacity: .15; }
#sign_in_form ~ .d-flex.flex-stack { flex-direction: column; gap: .5rem; padding-top: .5rem !important; margin-top: 0 !important; }
#sign_in_form ~ .d-flex.flex-stack > .me-10 { display: none; }   /* sélecteur de langue : une seule langue (fr) */
#sign_in_form ~ .d-flex.flex-stack > .d-flex {
  flex-direction: column; align-items: center; gap: .35rem; text-align: center;
  font-size: .8rem; font-weight: 400 !important; line-height: 1.35;
}
#sign_in_form ~ .d-flex.flex-stack a { color: var(--bs-gray-600) !important; padding: 0 !important; }
#sign_in_form ~ .d-flex.flex-stack a:hover { color: var(--bs-primary) !important; }

/* --- Une fois connecté (base.html : h-30px / h-40px / h-50px) : logo large, sans le nom répété à côté */
img[alt="Logo"].h-30px, img[alt="Logo"].h-40px, img[alt="Logo"].h-50px { height: auto !important; max-height: 34px; width: auto; max-width: 200px; }
.app-sidebar-logo .text-sidebar { display: none; }