/* Définition de la Nouvelle Couleur : #2cbdc0 (Turquoise Clair) */
:root {
    --bs-primary-custom: #2cbdc0; 
    --bs-primary-custom-rgb: 44, 189, 192; 
    --bs-hover-custom: #1a9092; 
}

/* 1. Application du Thème */
.bg-primary-custom, .bg-teal {
    background-color: var(--bs-primary-custom) !important;
}
.dropdown-menu-dark .dropdown-item,
.bg-primary-custom .dropdown-item,
.bg-teal .dropdown-item {
    color: white !important;
}
.dropdown-menu-dark .dropdown-item:hover,
.bg-primary-custom .dropdown-item:hover,
.bg-teal .dropdown-item:hover {
    background-color: var(--bs-hover-custom); 
    color: white !important;
}

/* 2. Styles Responsifs Clés */

/* Décalage pour le Footer Fixe (padding-bottom change en fonction de la hauteur du footer) */
body {
    padding-bottom: 70px;
}

/* Taille Adaptative du Logo via Media Queries */
.navbar-logo {
    height: 50px; /* Taille pour Mobile (par défaut) */
    width: auto;
}
@media (min-width: 992px) { /* Appliqué au Desktop */
    .navbar-logo {
        height: 70px;
    }
}

/* Styles de l'Avatar */
.avatar {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 2px solid white;
}