/*
Theme Name: signify_enf
Template: signify
Author: WEN Themes
Version: ja1205s
*/

/* ========== HEADER ========== */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

.site-title a {
    font-family: "Anton", sans-serif;
    font-size: 1.5em;
}

.site-title a:hover,
.site-title a:focus {
    color: #1ed760 ;
}

#site-header-menu, .site-header-top-main {
    border-top: none;
}

/* ===== menu hamburger, écran < 1200px) ===== */
@media screen and (max-width: 74.99em) {

    /* Le bouton "MENU" (hamburger) et son icône */
    .menu-toggle-wrapper,
    .menu-toggle-wrapper button,
    .menu-toggle-wrapper span {
        color: #ffffff !important;
    }

    /* Les liens dans le menu déroulant ouvert */
    #primary-menu a {
        color: #121212;
    }

    #primary-menu a:hover,
    #primary-menu a:focus {
        color: #575757;
    }

}

/* ===== menu plein écran, écran >= 1200px ===== */
@media screen and (min-width: 75em) {

    /* Les boutons du menu (par défaut) */
    #primary-menu > li > a {
        background-color: #232323;
        color: #ffffff;
        border-radius: 9999px;
        padding: 8px 18px;
        margin: 10px;
        display: inline-block;
    }

    /* Au survol */
    #primary-menu > li > a:hover,
    #primary-menu > li > a:focus {
        background-color: #575757;
        color: #ffffff;
    }

    /* Le bouton actif (page courante) — fond blanc, texte noir */
    .navigation-classic .menu-inside-wrapper .main-navigation > .nav-menu > .current_page_item > a {
        background-color: #ffffff !important;
        color: #000000 !important;
    }

    /* On enlève la petite barre de soulignement puisqu'on a maintenant le style "pilule" */
    .navigation-classic .menu-inside-wrapper .main-navigation > .nav-menu > .current_page_item > a:before {
        display: none;
    }

    /* Espacement entre les pilules */
    #primary-menu {
        display: flex;
        gap: 8px;
    }

}
.custom-header,
#masthead {
    background-color: #000000;
}

.custom-header .wrapper {
    border-radius: 12px;
    margin: 15px;
    overflow: hidden;
}

/* ========== MAIN ========== */

/* Changer la couleur de fond globale */
body {
    background-color: #000000 !important;
}

/* Ajouter un espace sous le texte avant le pied de page */
.entry-content,
article {
    padding-bottom: 20px;
}

.entry-title,
h1, h2, h3, h4, h5, h6 {
    text-align: center;
    color: #ffffff; 
    font-family: "Archivo Black", sans-serif;
}

p {
    color: #ffffff;
}

#content {
    background-color: #121212;
    border-radius: 12px;
    margin: 15px;
    padding: 24px;
}

/* ========== FOOTER ========== */

/* Texte du footer */
#site-generator .site-info {
    color: #999999;
}

/* Les liens dans le footer (ex: le nom du site, WEN Themes) */
.site-info a {
    color: #ffffff;
}

.site-info a:hover,
.site-info a:focus {
    color: #1ed760;
}

/* Couleur du bouton Scroll Up de base */
#scrollup, 
#scrollup a, 
.scrollup {
    background-color: #1ed760;
    border-color: #1ed760;
}

/* Couleur du bouton au survol de la souris (Hover) */
#scrollup:hover, 
#scrollup a:hover, 
.scrollup:hover {
    background-color: white;
    color: #1ed760;
}
#site-generator {
    padding-top: 0;
}