/* ===================================
   GCAS COMPLETE CUSTOM CSS
   ===================================
/* ===================================
   CORRECTIF : Suppression des soulignements indésirables
   =================================== */

/* Liens de navigation d'en-tête */
.nav-menu a,
.nav-menu &gt; li &gt; a,
.nav-menu .sub-menu a,
header a,
.site-header a {
    text-decoration : none !important ;
}

/* Boutons de connexion et d'application */
.nav-cta,
.nav-cta-outline,
.btn-login,
.btn-apply,
a[href*="student-login"],
a[href*="/apply"] {
    text-decoration : none !important ;
}

/* Bouton CTA de Hero (Réserver un appel d'orientation) */
.hero-cta,
.hero-cta a,
a[href*="book-a-meeting"],
.btn,
.button,
a.btn,
a.button {
    text-decoration : none !important ;
}
*/

/* Masquer les titres de page par défaut de WordPress */
.page .entry-title,
.page-title,
h1.entry-title {
    display : none ;
}

/* Masquer les boutons 'partager' et "aimer" */
.sharedaddy,
.sd-sharing,
.sd-like,
.share-this,
.likes-widget,
.post-likes-widget,
.sharing,
.share-buttons {
    display : none !important ;
}

/* Ajouter de l'espace pour les héros de pages personnalisées */
.films-page,
.lectures-page,
.financial-page,
.testimonials-page,
.about-page,
.admissions-page {
    margin-top : 40px ;
}

/* Masquer les menus déroulants par défaut */
.nav-menu .sub-menu {
    display : none ;
    position : absolute ;
    top : 100% ;
    left : 0 ;
    arrière-plan : #0a0a0a ;
    largeur minimale : 220px ;
    padding : 10px 0 ;
    border-radius : 4px ;
    box-shadow : 0 10px 30px rgba(0,0,0,0,0.3) ;
    z-index : 1000 ;
}

/* Afficher le menu déroulant au survol */
.nav-menu li:hover &gt; .sub-menu {
    display : block ;
}

/* Style des éléments du menu déroulant */
.nav-menu .sub-menu li {
    display : block ;
}

.nav-menu .sub-menu a {
    display : block ;
    padding : 10px 20px ;
    couleur : #ffffff ;
    text-decoration : none ;
    font-size : 0.9rem ;
    transition : background 0.2s ease ;
}

.nav-menu .sub-menu a:hover {
    background : rgba(22, 155, 98, 0.2) ;
    color : #169B62 ;
}

/* Positionnement de l'élément de menu parent */
.nav-menu &gt; li {
    position : relative ;
}

/* Espacement plus généreux */
.nav-menu &gt; li {
    margin : 0 25px ;
}

.nav-menu &gt; li &gt; a {
    padding : 12px 20px ;
}

/* Changez la couleur du menu principal en bleu */
.nav-menu &gt; li &gt; a {
    color : #4A90D9 ;
}

.nav-menu &gt; li &gt; a:hover {
    color : #6BB3FF ;
}

/* Changez le bouton Appliquer maintenant en bleu */
.nav-cta {
    border-color : #4A90D9 ;
    color : #4A90D9 ;
}

.nav-cta:hover {
    background : #4A90D9 ;
    color : #ffff ;
}

/* ===================================
   DESKTOP - Les listes déroulantes de second niveau
   =================================== */

@media screen and (min-width : 1000px) {
    .sub-menu .sub-menu {
        display : none ;
        position : absolute ;
        left : 100% ;
        top : 0 ;
        arrière-plan : #1a1a2e ;
        largeur minimale : 200px ;
        box-shadow : 0 4px 15px rgba(0,0,0,0,0.3) ;
    }

    .sub-menu li:hover &gt; .sub-menu {
        display : block ;
    }

    .sub-menu .sub-menu li {
        position : relative ;
    }

    .sub-menu .sub-menu a {
        padding : 12px 20px ;
        display : block ;
        color : #fff ;
        text-decoration : none ;
    }

    .sub-menu .sub-menu a:hover {
        background : #169B62 ;
    }

    /* Indicateur de flèche pour les éléments ayant des enfants */
    .menu-item-has-children &gt; a::after {
        content : ’ ▸’ ;
    }
}

/*
 * /* ===================================
   MENU MOBILE - TOUS LES ÉLÉMENTS SONT VISIBLES
   =================================== */

@media screen and (max-width : 999px) {
    
    /* Afficher TOUS les sous-menus - pas de basculement */
    .sub-menu,
    .sub-menu .sub-menu,
    .menu-item-has-children &gt; .sub-menu {
        display : block !important ;
        position : static !important ;
        width : 100% !important ;
        background : transparent !important ;
        box-shadow : none !important ;
        padding : 0 !important ;
        margin : 0 !important ;
    }
    
    /* Style des éléments de premier niveau */
    .nav-menu &gt; li &gt; a,
    .menu &gt; li &gt; a {
        font-size : 1.1rem ;
        font-weight : 600 ;
        padding : 15px 20px !important ;
    }
    
    /* Style des éléments du menu déroulant de premier niveau - indentation */
    .sub-menu &gt; li &gt; a {
        padding : 12px 20px 12px 35px !important ;
        font-size : 1rem ;
        color : #333 !important ;
    }
    
    /* Style des éléments du deuxième niveau de la liste déroulante - indentation plus importante */
    .sub-menu .sub-menu &gt; li &gt; a {
        padding : 10px 20px 10px 55px !important ;
        font-size : 0.95rem ;
        color : #555 !important ;
    }
    
    /* Supprimer les flèches puisque tout est visible */
    .menu-item-has-children &gt; a::after {
        display : none !important ;
        content : none !important ;
    }
    
    /* Ajouter un séparateur subtil entre les sections */
    .nav-menu &gt; li {
        border-bottom : 1px solid rgba(0,0,0,0.1) ;
        padding-bottom : 5px ;
        margin-bottom : 5px ;
    }
    
    /* Rendre le menu défilant */
    .mobile-menu,
    .mobile-navigation,
    [class*='mobile-menu'] {
        max-height : 85vh !important ;
        overflow-y : auto !important ;
        -webkit-overflow-scrolling : touch !important ;
        padding-bottom : 100px !important ;
    }
}
```

Cliquez sur **Publish**.

---

## Résultat :

Le menu mobile affichera **tout ce qui est développé** :
```
Accueil
A propos de
    A propos de GCAS
    L'équipe
    ...
Enseignement
    Admissions
    Aide financière
    Faculté
        Corps professoral
        Faculté de BA
        Professeurs de troisième cycle
        Chercheurs
        Faculté affiliée
    ...
Programmes d'études
    BA en études interdisciplinaires
    Maîtrise en philosophie
    ...
/* Correction du défilement du menu mobile */
.mobile-menu,
.menu-container,
.nav-menu {
    overflow-y : auto !important ;
    max-height : 100vh !important ;
    -webkit-overflow-scrolling : touch ;
}
.nav-menu.active {
    overflow-y : auto !important ;
    max-height : 90vh !important ;
    -webkit-overflow-scrolling : touch ;
}
//* Fixation du défilement du menu mobile */
@media (max-width : 900px) {
    .nav-menu.active {
        position : fixed !important ;
        top : 0 !important ;
        left : 0 !important ;
        width : 100% !important ;
        height : 100vh !important ;
        max-height : 100vh !important ;
        overflow-y : auto !important ;
        -webkit-overflow-scrolling : touch !important ;
        padding-top : 80px !important ;
        padding-bottom : 120px !important ;
        box-sizing : border-box !important ;
    }
}
@media (max-width : 991px) {
    .mobile-menu-overlay.active {
        position : fixed !important ;
        top : 0 !important ;
        left : 0 !important ;
        right : 0 !important ;
        bas : 0 !important ; gauche : 0 !important ; droite : 0 !important ; bas : 0 !important ;
        width : 100vw !important ;
        height : 100vh !important ;
        hauteur minimale : 100% !important ;
        background : #d1dce5 !important ;
        z-index : 999999 !important ;
        overflow-y : auto !important ;
        -webkit-overflow-scrolling : touch !important ;
    }
    
    body.mobile-menu-open {
        overflow : hidden !important ;
        position : fixed !important ;
        width : 100% !important ;
    }
}
/* ============================================
   Corrections CSS du thème GCAS
   Ajoutez ceci à Appearance â†' Customize â†' Additional CSS
   Ou ajoutez au fichier main.css de votre thème
   ============================================ */

/* ============================================
   1. MARQUE CONTINUE - Pas de bégaiement
   ============================================ */

.marquee-section {
    padding : 15px 0 ;
    background : var(--color-accent, #4a90d9) ;
    overflow : hidden ;
    position : relative ;
}

.marquee {
    display : flex ;
    gap : 0 ;
    animation : marquee-scroll 25s linear infinite ;
    width : max-content ;
}

.marquee-item {
    display : flex ;
    align-items : center ;
    gap : 40px ;
    flex-shrink : 0 ;
    padding-right : 40px ;
}

.marquee-text {
    font-family : var(--font-display, "Cormorant Garamond", serif) ;
    font-size : 1.1rem ;
    font-weight : 400 ;
    white-space : nowrap ;
    color : #ffffff ;
}

.marquee-dot {
    width : 6px ;
    height : 6px ;
    background : #e53935 ;
    border-radius : 50% ;
    flex-shrink : 0 ;
}

@keyframes marquee-scroll {
    0% {
        transform : translateX(0) ;
    }
    100% {
        transform : translateX(-50%) ;
    }
}

/* Pause au survol */
.marquee-section:hover .marquee {
    animation-play-state : paused ;
}


/* ============================================
   2. SECTION FACULTY - Correction de l'alignement central
   ============================================ */

.faculty-section .container,
.faculty .container {
    max-width : 1200px ;
    margin : 0 auto ;
    padding : 0 20px ;
}

.faculty-grid {
    display : grid ;
    grid-template-columns : repeat(auto-fit, minmax(280px, 1fr)) ;
    gap : 30px ;
    justify-content : center ;
    largeur maximale : 1200px ;
    margin : 0 auto ;
}

/* S'il n'y a que 2 ou 3 cartes de professeurs, centrez-les */
.faculty-grid {
    justify-items : center ;
}

.faculty-card {
    width : 100% ;
    max-width : 350px ;
}

/* S'assurer que l'en-tête de la section est centré */
.faculty-section .section-header,
.faculty .section-header {
    text-align : center ;
    margin-bottom : 50px ;
}


/* ============================================
   3. VOIX D'ÉTUDIANTS - Hauteur fixe
   ============================================ */

.testimonials-section,
.student-voices-section {
    position : relative ;
    overflow : hidden ;
}

.testimonials-carousel,
.student-voices-carousel {
    position : relative ;
    min-height : 350px ; /* Hauteur minimale fixe */
    display : flex ;
    align-items : center ;
}

.testimonial-card,
.student-voice-card {
    position : absolute ;
    top : 0 ;
    left : 0 ;
    droite : 0 ;
    opacité : 0 ;
    visibilité : cachée ;
    transition : opacité 0,6s ease, visibilité 0,6s ease ;
    hauteur minimale : 300px ;
    affichage : flex ;
    flex-direction : column ;
    justify-content : center ;
    padding : 40px ;
}

.testimonial-card.active,
.student-voice-card.active {
    position : relative ;
    opacity : 1 ;
    visibilité : visible ;
}

/* Texte de la citation - limiter à une hauteur cohérente */
.testimonial-quote,
.student-voice-quote {
    font-family : var(--font-display, "Cormorant Garamond", serif) ;
    font-size : 1.4rem ;
    font-style : italic ;
    line-height : 1.6 ;
    margin-bottom : 30px ;
    hauteur maximale : 200px ;
    overflow : hidden ;
    display : -webkit-box ;
    -webkit-line-clamp : 6 ;
    -webkit-box-orient : vertical ;
}

/* Conteneur de points de navigation */
.testimonial-dots,
.student-voices-dots {
    display : flex ;
    justify-content : center ;
    gap : 10px ;
    margin-top : 30px ;
}

.testimonial-dot,
.student-voice-dot {
    width : 12px ;
    height : 12px ;
    border-radius : 50% ;
    background : rgba(0, 0, 0, 0.2) ;
    border : none ;
    curseur : pointeur ;
    transition : background 0.3s ease, transform 0.3s ease ;
}

.testimonial-dot.active,
.student-voice-dot.active {
    background : var(--color-accent, #4a90d9) ;
    transform : scale(1.2) ;
}

/* Ajustements réactifs */
@media (max-width : 768px) {
    .testimonials-carousel,
    .student-voices-carousel {
        min-height : 400px ;
    }
    
    .testimonial-quote,
    .student-voice-quote {
        font-size : 1.2rem ;
        -webkit-line-clamp : 8 ;
    }
}

.degrees-section, .academic-programs, .programs-section { background-color : #2a2a4e !important ; }

/* GCAS - Elfsight Team Showcase (uniquement ce widget) : remplacez les URL longues par des CTA */
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*=“calendar.app.google”],
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="shorturl.at"]{
  font-size : 0 !important ; /* cache le texte de l'URL */
  text-decoration : none !important ; /* supprime le soulignement */
  color : transparent !important ; /* empêche le texte "fantôme" */
}

.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="calendar.app.google"]::after,
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="shorturl.at"]::after{
  content : "Rencontrez un chercheur du GCAS →" ;
  display : inline-block ;
  font-size : 14px ;
  font-weight : 600 ;
  line-height : 1.2 ;
  padding : 10px 14px ;
  rayon de la bordure : 999px ;
  bordure : 1px solid rgba(255,255,255,.35) ;
  background: rgba(255,255,255,.10);
  couleur : #ffffff ;
}

/* GCAS - Elfsight Interview Widget : remplacer les longues URL par des boutons CTA */
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"],
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"],
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]{
  font-size : 0 !important ;
  text-decoration : none !important ;
  color : transparent !important ;
}

/* Afficher l'étiquette du bouton */
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]::after{
  content : "Sélectionnez l'intervieweur →" ;
  display : inline-block ;
  font-size : 14px ;
  font-weight : 600 ;
  line-height : 1.2 ;
  padding : 10px 14px ;
  rayon de la bordure : 999px ;
  bordure : 1px solid rgba(255,255,255,.35) ;
  background: rgba(255,255,255,.10);
  couleur : #ffffff ;
}

/* Polissage au survol/à la mise au point */
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]:focus::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]:focus::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]:focus::after{
  background: rgba(255,255,255,.18);
  transform : translateY(-1px) ;
}
/* Alternative : Cibler tous les sous-menus imbriqués */
.sub-menu &gt; li {
    position : relative ;
}

.sub-menu &gt; li &gt; .sub-menu {
    top : 0 !important ;
    margin-top : 0 !important ;
}
/* Correction complète de la marquise - défilement infini transparent */
.marquee-section {
    overflow : hidden !important ;
}

.marquee {
    display : flex !important ;
    width : max-content !important ;
    animation : seamless-scroll 25s linear infinite !important ;
}

.marquee-item {
    display : flex !important ;
    align-items : center !important ;
    gap : 60px !important ;
    flex-shrink : 0 !important ;
    padding-right : 60px !important ;
}

@keyframes seamless-scroll {
    0% {
        transform : translateX(0) ;
    }
    100% {
        transform : translateX(calc(-100% / 3)) ;
    }
}
.page-title,
   .entry-title {
       display : none ;
.faculty-back {
    position : relative ;
    z-index : 100 ;
}