/* 1. ACCESSIBILITÉ & COULEURS DU CORPS */
.text-primary { color: #0052a3 !important; } 

/* 2. NAVIGATION : FORCE LE BLANC (Priorité maximale) */
/* L'ajout de "nav" ou ".navbar" devant augmente la force du sélecteur */
nav.navbar .navbar-nav .nav-link,
nav.navbar .navbar-brand,
nav.navbar .nav-link.dropdown-toggle,
.navbar-dark .breadcrumb-item a {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Effet au survol pour l'expérience utilisateur */
nav.navbar .navbar-nav .nav-link:hover {
    color: #f0f0f0 !important;
}

/* 3. SEO : Tap Targets (Cibles tactiles Google 2026) */
.breadcrumb-item a, .nav-link, .navbar-brand { 
    min-height: 48px; 
    display: inline-flex; 
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* 4. PERFORMANCE & FIX SUPERPOSITION (Mégamenu) */
.navbar {
	min-height: 58px;
	position: relative;
	z-index: 1050 !important;
	background-color: #3e2723 !important;
}

/* 5. TEXT SHADOW (Lisibilité sur images/neige) */
.text-shadow-pop { 
    text-shadow: 0 2px 12px rgba(0,0,0,0.9); 
}

/* 6. ESPACEMENT BREADCRUMB */
.breadcrumb-item + .breadcrumb-item { padding-left: 15px; }

/* --- VARIABLES OLIVE --- */
:root {
    --olive-main: #999e31;
    --olive-dark: #7b7f28;
    --olive-light: #cccf98;
}

/* --- BOUTONS OLIVE (Correction pour correspondre au HTML) --- */
.btn-olive {
    color: #FFFFFF !important;
    background-color: var(--olive-main) !important;
    transition: all 0.3s ease;
    border: none;
}

.btn-olive:hover, 
.btn-olive:focus {
    color: #FFFFFF !important;
    background-color: var(--olive-dark) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

/* --- BADGES ET TABLEAUX --- */
.badge-olive {
    background-color: var(--olive-main) !important;
    color: #fff !important;
}

.table-olive {
    --bs-table-bg: var(--olive-light) !important;
    border-color: #aeb25b !important;
}
/* ==========================================================================
   7. BOUTON RETOUR EN HAUT (TOPUP)
   ========================================================================== */
/* ==========================================================================
   7. BOUTON RETOUR EN HAUT (TOPUP)
   ========================================================================== */
#TopUp {
  display: none; /* Géré par le JavaScript */
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 2000; /* Passe devant la navbar et les éléments MDB */
  
  /* Style visuel */
  background-color: #3f51b5; 
  color: white;
  border: none;
  outline: none;
  cursor: pointer;
  
  /* Dimensions et centrage parfait de l'icône flèche */
  width: 50px;
  height: 50px;
  display: inline-flex; 
  align-items: center;
  justify-content: center;
  
  border-radius: 50%; /* Bouton rond plus moderne */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

#TopUp:hover {
  background-color: #303f9f;
  transform: translateY(-5px); /* Petit effet de lévitation */
}

/* Optimisation pour Mobile */
@media (max-width: 768px) {
    #TopUp {
        bottom: 20px;
        right: 20px;
        width: 48px; /* Taille optimale pour le clic tactile selon Google */
        height: 48px;
        padding: 0;
    }
}