/* Style standard de CAS */
@import url("/cas/css/cas-a90aca7e2afb259734284377211db332.css");

/* Titre en haut de la page */
body::before {
  content: "LAGA - Service d'authentification";
  display: block;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1rem;
  color: #fff;
  background: var(--cas-theme-primary, #153e50);
}

/* Bandeau du haut (menu + logo CAS) */
#app-bar, #logindrawer, .mdc-drawer-scrim { display: none !important; }
.mdc-top-app-bar--fixed-adjust { padding-top: 0 !important; }

/* Nom de l'application ("IntranetDev") */
#serviceui { display: none !important; }

/* "En vous connectant via CAS, vous acceptez nos Conditions d'utilisation" */
#termsOfUse { display: none !important; }

/* "Mot de passe oublié ?" et le trait au-dessus */
#pmlinks, .form-wrapper > hr { display: none !important; }

/* Bouton SE CONNECTER centré */
#submitBtn {
  display: flex !important;
  margin: 0 auto !important;
}

/* Bas de page : on garde le copyright, on retire version, date, heure et serveur */
#casFooter code.version, #casFooter code.host { display: none !important; }

/* Bandeau du bas : police plus petite */
#casFooter, #casFooter * { font-size: 0.75rem !important; }
#casFooter { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; }

/* Message de sécurité : police plus petite */
#securityNotice, #securityNotice * { font-size: 0.8rem !important; }

/* Message de sécurité : masqué */
#sidebar { display: none !important; }

/* Titre du formulaire : un cran plus petit */
#login-form-controls h2 { font-size: 1.25rem !important; }

/* Titre du formulaire : "Ouvrir une session" */
#login-form-controls h2 > span { display: none !important; }
#login-form-controls h2::after { content: "Ouvrir une session"; }

/* Photo de fond */
.bgimage {
  background-image: url("/cas/themes/laga/images/fond.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Photo de fond */
.bgimage {
  background-image: url("/cas/themes/laga/images/fond-bbdf84633f3460bb06c31785a6e4246c.jpeg") !important;
  background-size: cover !important;
  background-position: center !important;
}


/* Panneau d'identité LAGA à gauche du formulaire */
.mdc-card:has(.laga-card), #loginForm:has(.laga-card), .login-section:has(.laga-card), div:has(> .laga-card) {
  width: auto !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.laga-card {
  display: flex;
  align-items: stretch;
  width: 960px;
  max-width: calc(100vw - 2rem);
  margin: 0 auto;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
.laga-panel {
  flex: 0 0 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  padding: 2.5rem 2.25rem;
  color: #fff;
  text-align: center;
  background: var(--cas-theme-primary, #153e50);
}
.laga-card .form-wrapper { flex: 1 1 auto; min-width: 0; padding: 2rem 2.5rem; }
.laga-logo { display: block; height: 110px; width: auto; margin: 0 auto; }
.laga-name { margin: 1.25rem 0 0.25rem; font-size: 1.15rem; line-height: 1.4; color: #fff; }
.laga-sub { margin: 0; font-size: 0.9rem; color: #d6e2ee; }
.laga-partners { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.5rem; }
.laga-uspn { display: block; height: 48px; width: auto; }
.laga-cnrs { display: block; height: 56px; width: auto; }

/* Mobile : panneau au-dessus du formulaire */
@media (max-width: 768px) {
  .laga-card { flex-direction: column; }
  .laga-panel { flex-basis: auto; padding: 1.5rem; }
}


/* Mobile uniquement : sans les logos Université et CNRS, panneau plus compact */
@media (max-width: 768px) {
  .laga-partners { display: none !important; }
  .laga-panel { gap: 0; padding: 1.25rem 1.5rem; }
  .laga-logo { height: 70px; }
  .laga-name { margin-top: 0.75rem; font-size: 1rem; }
}