/* Masque la ligne de crédit "Propulsé par WordPress / Thème Newsup" dans le pied de page */
.mg-footer-copyright {display:none;}
/* Masque les tags non hebdo pour la liste des hebdo"*/

.hebdo-list li:not(:has(a[href*="hebdo-n"])) {
    display: none;
}
/* Masque les tags non mensuel pour la liste des mensuel"*/

.mensuel-list li:not(:has(a[href*="mensuel-n"])) {
    display: none;
}

/* CORRECTION DE MISE EN PAGE POUR TELEPHONE (LAYOUT) */
/* Force tous les "Groupes" de blocs à prendre 100% de la largeur disponible.
   Cela évite que certains blocs ne soient trop étroits ou décalés sur la gauche. */
.wp-block-group{
	width: 100% !important;
	left: auto;
  max-width: 100%;
}

/* --- CLASSES UTILITAIRES --- */
/* (À utiliser dans "Avancé > Classe CSS additionnelle" sur un bloc si besoin) */

/* Ajoute une classe pour enlever le gras (mettre en normal) sur un texte (titres articles sommaire) */
.font-normal {
	font-weight:normal;
}
/* ============================================================
   1. MASQUER LES BANDEAUX DE TITRE PAR DÉFAUT (BREADCRUMBS)
   ============================================================ */

/* Cache le bandeau de titre sur la page Accueil (ID 47) */
body.page-id-47 .mg-breadcrumb-section { display: none !important; }

/* Cache le bandeau de titre sur la page Event (ID 39) */
body.page-id-39 .mg-breadcrumb-section { display: none !important; }

/* Cache le bandeau de titre sur la page Vie Culturelle (ID 42) */
body.page-id-42 .mg-breadcrumb-section { display: none !important; }

/* Cache le bandeau de titre sur la page Trait d'Union (ID 24) */
body.page-id-24 .mg-breadcrumb-section { display: none !important; }

/* Cache le bandeau de titre sur la page Trait d'Union (ID 554) */
body.page-id-554 .mg-breadcrumb-section { display: none !important; }

/* ============================================================
   2. GESTION DES TAILLES DE POLICE (TYPOGRAPHIE FLUIDE)
   ============================================================ */

/* Page Accueil : Taille fluide pour le grand titre "Bienvenue..." (H2) */
/* clamp(minimum, idéal, maximum) */
body.page-id-47 .has-inline-color {
    font-size: clamp(36px, 6vw, 80px);
}

/* Pages Event/Trait d'Union/Culture : Taille fluide pour les titres des articles dans la liste */
/* Empêche ces titres d'être énormes sur mobile */
body.page-id-39 .wp-block-post-title { font-size: clamp(20px, 4vw, 32px); }
body.page-id-24 .wp-block-post-title { font-size: clamp(20px, 4vw, 32px); }
body.page-id-42 .wp-block-post-title { font-size: clamp(20px, 4vw, 32px); }


/* ============================================================
   3. AFFICHAGE D'UN ARTICLE SEUL (LECTURE)
   ============================================================ */

/* Rend le titre H1 fluide et propre quand on lit un article seul */
body.single h1, 
body.single .entry-title,
body.single .mg-sec-title h1 {
    font-size: clamp(24px, 6vw, 45px) !important; /* Taille responsive */
    line-height: 1.2 !important; /* Espacement des lignes réduit */
    word-wrap: break-word !important; /* Coupe les mots trop longs si nécessaire */
}

/* UNIQUEMENT SUR MOBILE (max 768px) : Titre "Pleine largeur" (Breakout) */
@media (max-width: 768px) {
    body.single h1, 
    body.single .entry-title,
    body.single .mg-sec-title h1 {
        width: 100vw !important; /* Prend 100% de la largeur de l'écran */
        position: relative !important;
        
        /* Astuce pour centrer un élément plus large que son parent */
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        
        text-align: center !important; /* Centré */
        padding-left: 10px !important; /* Sécurité bord gauche */
        padding-right: 10px !important; /* Sécurité bord droit */
        box-sizing: border-box !important;
    }
}


/* ============================================================
   4. BANNIÈRE D'ACCUEIL ET ESPACEMENTS
   ============================================================ */

/* Force l'image avec la classe "banniere-full" à prendre tout l'écran (Breakout) */
.banniere-full {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;
}

/* S'assure que l'image à l'intérieur du bloc suit le mouvement */
.banniere-full img {
    width: 100% !important;
    display: block !important;
}

/* Supprime l'espace blanc entre le menu et le contenu (UNIQUEMENT sur l'Accueil) */
body.home #content,
body.home .mg-card-box {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* === CORRECTION MENU MOBILE COUPÉ À DROITE === */

/* On applique ce correctif uniquement sur les petits écrans (tablettes et mobiles) */
@media (max-width: 991px) {

    /* 1. On cible le conteneur global du menu déroulé */
    .navbar-collapse {
        /* On s'assure que rien ne peut dépasser horizontalement de cette boîte */
        overflow-x: hidden !important;
        /* On réinitialise les marges latérales du conteneur par sécurité */
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 2. On cible les liens (le texte des pages) à l'intérieur */
    .navbar-nav .nav-link {
        /* C'EST LA CLÉ : on réduit l'espace à droite qui pousse le texte dehors.
           Avant, il devait être à 20px ou 30px. On le passe à 10px. */
        padding-right: 10px !important;

        /* On s'assure qu'il y a un bon espace à gauche pour que ça ne colle pas au bord */
        padding-left: 20px !important;

        /* Sécurité : on force le lien à bien calculer sa largeur */
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Bonus : si vous avez des sous-menus (dropdowns), on s'assure qu'ils sont bien alignés aussi */
    .dropdown-menu .dropdown-item {
         padding-right: 10px !important;
         padding-left: 30px !important; /* Un peu plus de retrait pour montrer que c'est un sous-menu */
         box-sizing: border-box !important;
    }
}