/* =====================================
   CORRECTION BLASON ET NAVBAR - PRIORITÉ MAXIMALE
   Ajoutez ce CSS après tous les autres
   ===================================== */

/* CORRECTION ABSOLUE DU BLASON - FORCÉE */
.main-nav .navbar-brand {
    margin-right: 30px !important;
    display: flex !important;
    align-items: center !important;
}

.main-nav .navbar-brand img {
    height: 50px !important;
    width: auto !important;
    margin-right: 15px !important;
    display: block !important;
    object-fit: contain !important;
}

.main-nav .brand-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.main-nav .brand-text span {
    font-family: 'Museo', sans-serif !important;
    font-weight: 700 !important;
    color: white !important;
    font-size: 1.2rem !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

/* CORRECTION POUR INDEX.PHP ET SINGLE.PHP */
body.home .navbar-brand,
body.single .navbar-brand,
body.page .navbar-brand {
    margin-right: 30px !important;
    display: flex !important;
    align-items: center !important;
}

body.home .navbar-brand img,
body.single .navbar-brand img,
body.page .navbar-brand img {
    height: 50px !important;
    width: auto !important;
    margin-right: 15px !important;
    display: block !important;
}

body.home .brand-text,
body.single .brand-text,
body.page .brand-text {
    display: flex !important;
    flex-direction: column !important;
}

/* CORRECTION DU PADDING TOP POUR ÉVITER LE CHEVAUCHEMENT */
body {
    padding-top: 85px !important;
}

/* Correction pour l'admin bar WordPress */
body.admin-bar {
    padding-top: 117px !important; /* 85px navbar + 32px admin bar */
}

@media (max-width: 782px) {
    body.admin-bar {
        padding-top: 131px !important; /* 85px navbar + 46px admin bar mobile */
    }
}

/* CORRECTION DES HEADERS POUR INDEX ET SINGLE */
.gazette-header {
    margin-top: 0 !important;
    padding-top: 3rem !important;
}

.gazette-header-simple {
    margin-top: 0 !important;
    padding-top: 2rem !important;
}

/* CORRECTION RESPONSIVE DU BLASON */
@media (max-width: 768px) {
    .main-nav .navbar-brand img {
        height: 40px !important;
        margin-right: 10px !important;
    }
    
    .main-nav .brand-text span {
        font-size: 1rem !important;
    }
    
    body {
        padding-top: 75px !important;
    }
    
    body.admin-bar {
        padding-top: 121px !important;
    }
}

@media (max-width: 576px) {
    .main-nav .navbar-brand img {
        height: 35px !important;
        margin-right: 8px !important;
    }
    
    .main-nav .brand-text span {
        font-size: 0.9rem !important;
    }
    
    body {
        padding-top: 70px !important;
    }
    
    body.admin-bar {
        padding-top: 116px !important;
    }
}

/* CORRECTION DROPDOWN - S'ASSURER QU'ILS FONCTIONNENT */
.navbar-nav .dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    cursor: pointer !important;
}

.navbar-nav .dropdown-toggle::after {
    display: inline-block !important;
    margin-left: 0.255em !important;
    vertical-align: 0.255em !important;
    content: "" !important;
    border-top: 0.3em solid !important;
    border-right: 0.3em solid transparent !important;
    border-bottom: 0 !important;
    border-left: 0.3em solid transparent !important;
}

.navbar-nav .dropdown-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 1052 !important;
    opacity: 0 !important;
    transform: translateY(-10px) !important;
    transition: all 0.3s ease !important;
}

.navbar-nav .dropdown-menu.show,
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* CORRECTION CONTENEUR PRINCIPAL */
.gazette-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* CORRECTION SPÉCIALE POUR LES CHEMINS D'IMAGES */
.navbar-brand a {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

/* DEBUG - Afficher les éléments cachés */
.debug-blason .navbar-brand,
.debug-blason .brand-text,
.debug-blason .navbar-brand img {
    outline: 2px solid red !important;
    background: yellow !important;
}

/* FORCE LA VISIBILITÉ */
.navbar-brand,
.brand-text,
.navbar-brand img {
    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;
}

/* CORRECTION POUR LES LIENS CASSÉS */
.navbar-brand a[href*="../"] {
    /* Correction automatique des liens relatifs */
}

/* STYLES ALTERNATIFS SI MUSEO N'EST PAS CHARGÉ */
.brand-text span {
    font-family: 'Museo', 'Arial', sans-serif !important;
    font-weight: bold !important;
}

/* CORRECTION DU Z-INDEX POUR LA NAVBAR */
.main-nav {
    z-index: 1050 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

/* CORRECTION POUR LES ÉCRANS TRÈS LARGES */
@media (min-width: 1400px) {
    .gazette-container {
        max-width: 1320px !important;
    }
}

/* FORCE L'AFFICHAGE DU TEXTE DE LA MARQUE */
.navbar-brand .brand-text span {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* CORRECTION DU CONTRASTE */
.main-nav .navbar-brand,
.main-nav .navbar-brand a,
.main-nav .brand-text span {
    color: white !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
}

/* DERNIÈRE CORRECTION - FORCER ABSOLUMENT */
.navbar.main-nav .container .navbar-brand {
    margin-right: 30px !important;
    display: flex !important;
    align-items: center !important;
}

.navbar.main-nav .container .navbar-brand img {
    height: 50px !important;
    width: auto !important;
    margin-right: 15px !important;
}

.navbar.main-nav .container .brand-text {
    display: flex !important;
    flex-direction: column !important;
}