/* ==========================================================================
   1. ACCESSIBILITÉ & COULEURS DE BASE
   ========================================================================== */
:root {
    --olive-main: #999e31;
    --olive-dark: #7b7f28;
    --olive-light: #cccf98;
}

.text-primary { color: #0052a3 !important; } 

/* ==========================================================================
   2. NAVIGATION (NAVBAR & BREADCRUMB)
   ========================================================================== */
.navbar {
    min-height: 58px;
    position: relative;
    z-index: 1050 !important; /* Sous le modal (2000) et sous le bouton top (2100) */
    background-color: #3e2723 !important;
}

/* Force le blanc sur les liens de navigation */
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;
}

nav.navbar .navbar-nav .nav-link:hover {
    color: #f0f0f0 !important;
}

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

/* Espacement Breadcrumb */
.breadcrumb-item + .breadcrumb-item { padding-left: 15px; }

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

/* ==========================================================================
   3. MÉGA-MENU (Alignement Horizontal & Hover)
   ========================================================================== */
/* Correction de l'alignement horizontal des listes */
.dropdown-menu {
    border: none;
    box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}

.dropdown-menu .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
}

/* Empêche les colonnes de s'empiler en vertical sur PC */
@media (min-width: 992px) {
    .dropdown-menu .col-md-3, 
    .dropdown-menu .col-lg-3 {
        flex: 1 0 21%; /* Force 4 colonnes environ */
        max-width: 25%;
    }
}

/* ==========================================================================
   4. MODALS (Fix Superposition)
   ========================================================================== */
/* On s'assure que le modal passe au-dessus de la navbar */
.modal {
    z-index: 2000 !important;
}
.modal-backdrop {
    z-index: 1950 !important;
}

/* ==========================================================================
   5. BOUTONS & ÉLÉMENTS OLIVE
   ========================================================================== */
.btn-olive {
    color: #FFFFFF !important;
    background-color: var(--olive-main) !important;
    transition: all 0.3s ease;
    border: none;
}

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

.badge-olive { background-color: var(--olive-main) !important; color: #fff !important; }

.table-olive {
    --bs-table-bg: var(--olive-light) !important;
    border-color: #aeb25b !important;
}

/* ==========================================================================
   6. BOUTON RETOUR EN HAUT (TOPUP)
   ========================================================================== */
#btn-back-to-top {
    position: fixed !important;
    bottom: 25px; /* Légèrement plus haut pour l'esthétique */
    right: 25px;
    display: none;
    z-index: 9999;
    
    /* Couleur Anthracite : visible sur blanc ET sur bleu */
    background-color: #2c3e50 !important; 
    color: #ffffff !important;
    
    /* Forme et taille */
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #ffffff; /* Petit liseré blanc pour le faire ressortir du bleu */
    
    /* Ombre portée pour décoller du fond blanc */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    
    padding: 0;
    line-height: 45px;
    text-align: center;
    transition: all 0.3s ease;
}

#btn-back-to-top:hover {
    background-color: #1a252f !important;
    transform: translateY(-5px); /* Petit effet de mouvement au survol */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

/* ==========================================================================
   7. FIX GALERIE & FOOTER (Sécurité flux)
   ========================================================================== */
#galerie {
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

footer {
    position: relative;
    z-index: 2;
    clear: both;
}