/* =========================================================
   ARRIÈRE-PLAN PAGE DE CONNEXION (customers_login)
   =========================================================
   - Applique une image de fond pleine page
   - "cover" garantit que l’image remplit tout l’écran
   - fixed = effet de parallaxe léger (image fixe au scroll)
*/
body.customers_login {
  background: url('https://thierrylaval.dev/crm/media/fond-tech-clients.png') no-repeat center center fixed;
  background-size: cover;
}


/* =========================================================
   POSITIONNEMENT DU FORMULAIRE DE LOGIN (Bootstrap override)
   =========================================================
   - Ajuste le décalage horizontal du bloc login
   - 63.33% = position personnalisée (override Bootstrap standard)
   ⚠️ À utiliser uniquement si ton layout est volontairement décalé
*/
@media (min-width: 992px) {
  .col-md-offset-4 {
    margin-left: 63.333333%;
  }
}


/* =========================================================
   STYLES DES TITRES (LOGIN UNIQUEMENT)
   =========================================================
   - Applique uniquement aux pages login clients
   - Uniformise la taille des titres
   - Force le texte en blanc pour contraste sur fond sombre
*/
body.customers_login h1,
body.customers_login h2 {
  font-size: 24px;
  color: #ffffff;
}


/* =========================================================
   OVERRIDE TAILWIND (si utilisé dans Perfex)
   =========================================================
   - Neutralise ou ajuste le fond blanc Tailwind
   - Ici volontairement désactivé (commenté)
   ⚠️ utile si conflit visuel avec Perfex/Tailwind hybride
*/
.tw-bg-white {
  --tw-bg-opacity: 1;
  /* background-color: rgb(255 255 255 / var(--tw-bg-opacity)); */
}


/* =========================================================
   LOGO NAVBAR PERFEX CRM
   =========================================================
   OBJECTIF :
   - supprimer le padding qui limite visuellement le logo
   - forcer une hauteur de conteneur cohérente
   - centrer verticalement le logo

   IMPORTANT :
   - on ne modifie pas la navbar globale
   - uniquement le bloc logo (navbar-brand)
*/
.navbar a.navbar-brand {
  padding-top: 0 !important;        /* supprime espace haut */
  padding-bottom: 0 !important;     /* supprime espace bas */
  display: flex !important;         /* permet alignement flexible */
  align-items: center !important;   /* centre verticalement le logo */
  height: 70px !important;          /* définit hauteur du bloc logo */
}


/* =========================================================
   IMAGE DU LOGO
   =========================================================
   OBJECTIF :
   - faire occuper toute la hauteur disponible au logo
   - conserver les proportions (pas de déformation)
   - empêcher les limites max-height de Perfex
*/
.navbar a.navbar-brand img {
  height: 100% !important;      /* prend toute la hauteur du conteneur */
  width: auto !important;       /* conserve proportions */
  max-height: none !important;  /* supprime toute limitation existante */
  display: block !important;    /* évite espaces inline image */
  object-fit: contain;          /* sécurité anti-déformation */
}


/* =========================================================
   ARRIÈRE-PLAN PAGE DE CONNEXION (admin_login)
   =========================================================
   - Applique une image de fond pleine page
   - "cover" garantit que l’image remplit tout l’écran
   - fixed = effet de parallaxe léger (image fixe au scroll)
*/
.tw-bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(9 25 59);
}