#firstboxlogin, #text-login, #logo_login { background-color: transparent;}html { height: 100%;}body { background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("/plugins/trademark/front/picture.send.php?path=66/688b374d9c266.jpg");}/* ============================================================
THUCY — Personnalisation de la page de login GLPI
(tout est scopé sous .page-anonymous = page de connexion)
============================================================ */

/* --- 1. Copyright personnalisé (ton rule existant, conservé) --- */
.text-center.text-muted.mt-3 .copyright {
font-size: 0 !important;
}
.text-center.text-muted.mt-3 .copyright::after {
content: "Thucy SAS - Espace Client";
font-size: 1rem !important;
}

/* --- 2. Masquer le sélecteur "Source de connexion" (une seule source) ---
auth=local reste soumis avec le formulaire même masqué. */
.page-anonymous .mb-3:has(> select[name="auth"]) {
display: none !important;
}

/* --- 3. Renommer "Login with external provider" -> "Authentification Thucy" --- */
.page-anonymous .card-header:has(+ .row button[name="samlIdpId"]) h2 {
font-size: 0 !important;          /* masque le texte d'origine */
margin-bottom: 0 !important;
}
}
.page-anonymous .card-header:has(+ .row button[name="samlIdpId"]) h2::after {
content: "Authentification Thucy";
font-size: 1.05rem !important;    /* titre compact */
font-weight: 600;
}

/* --- 4. Compacter le bloc SSO (titre + bouton plus discrets) --- */
/* Resserre le titre et supprime la bordure/espace du card-header */
.page-anonymous .card-header:has(+ .row button[name="samlIdpId"]) {
padding: .25rem 0 !important;
border-bottom: 0 !important;
}
/* Réduit le grand espace au-dessus du bouton (était margin-top:40px) */
.page-anonymous .row:has(button[name="samlIdpId"]) {
margin-top: .5rem !important;
}
/* Bouton SSO : compact, largeur auto (était 125px), petite marge (était 30px) */
.page-anonymous button[name="samlIdpId"] {
width: auto !important;
margin-bottom: .5rem !important;
padding: .4rem .75rem !important;
}
.page-anonymous button[name="samlIdpId"] > div {
margin: 0 !important;             /* neutralise le margin inline interne */
}
/* Icône + texte sur une seule ligne, icône réduite (était fa-5x ~5rem) */
.page-anonymous button[name="samlIdpId"] .d-flex {
flex-direction: row !important;
align-items: center !important;
gap: .5rem !important;
}
.page-anonymous button[name="samlIdpId"] .fa-key {
font-size: 1.25rem !important;
margin: 0 !important;
}
.page-anonymous button[name="samlIdpId"] span b {
font-size: .9rem !important;
font-weight: 500 !important;
}
/* --- 5. Loger le logo Thucy DANS le cadre blanc --- */
/* Le logo est dans un bloc placé AVANT la carte. On transforme ce bloc en
en-tête blanc collé à la carte : le logo n'est plus sur le fond de page. */
.page-anonymous .container-tight > .text-center:has(.glpi-logo) {
background: #fff;
border-radius: .5rem .5rem 0 0;      /* coins arrondis en haut seulement */
padding: 1.75rem 1rem .5rem;
margin-bottom: 0;
}
/* La carte perd ses coins arrondis du haut pour se souder à l'en-tête */
.page-anonymous .card.card-md {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
margin-top: 0 !important;
}
.page-anonymous .glpi-logo.mb-4 {
margin-bottom: 0 !important;
}
/* Le plugin Trademark écrit "max-width:240pxpx" / "130pxpx" (invalides, ignorés
par le navigateur) → le logo s'affiche à sa taille brute. On la borne ici. */
.page-anonymous .glpi-logo {
max-width: 200px !important;
max-height: 80px !important;
width: auto !important;
height: auto !important;
}