/* Couleurs principales */
body {
    /* image de fond */
    /*background-image: url("/lib/tpl/theme_egypte/images/bg-hiéroglyphes.png");*/

background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url("/lib/tpl/theme_egypte/images/bg-hiéroglyphes.png");

    /* Centrer l'image */
    background-position: fixed;

    /* Empêcher la répétition de l'image */
    background-repeat: repeat;

    /* Garder la couleur de fond comme fallback si l'image ne charge pas */
    background-color: #f3e5ab;

    /*font-family: "Papyrus", "Noto Sans", sans-serif;*/
	font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

    color: #3d2b1f;
    margin: 0;
    padding: 0;
}



/* AJOUT DE LA BANNIERE */

#dokuwiki__header::before { /* À ADAPTER au PARENT DIRECT de votre .custom-menu */
    content: ""; /* Obligatoire pour les pseudo-éléments */
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 120px !important; /* HAUTEUR SOUHAITÉE POUR LA BANNIÈRE (ajustez si besoin) */
    background-image: url('../images/banniere2.jpg') !important; /* CHEMIN VERS VOTRE IMAGE DE BANNIÈRE */
    background-size: cover !important; /* L'image couvrira toute la zone */
    background-position: center !important; /* Centre l'image */
    background-repeat: no-repeat !important;
    margin-bottom: 10px !important; /* Espace entre la bannière et le menu */
    border-radius: 8px !important; /* Optionnel: angles arrondis pour la bannière */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; /* Optionnel: ombre pour la bannière */
}

/* COLLER HEADER AU RESTE */

#dokuwiki__header,
#dokuwiki__header * {
    margin-bottom: 0.5px !important;
    padding-bottom: 0 !important;
}


/* Masquer le petit onglet avec le nom de la page */
.pageId {
    display: none !important;
}


/* LIENS */

/* Lien vers page existante */
a.wikilink1 {
    color: #0000ff !important; /* bleu */
}

/* Lien vers page inexistante */
a.wikilink2 {
    color: #ff0000 !important; /* rouge */
}

/* Liens externes */
a.external {
    color: #0099cc !important;
}

/* MENU */

/* Style du conteneur du menu personnalisé */
.custom-menu {
    background-color: #6F4E37 !important;
    padding-top: 5px !important;
    padding-right: 1px !important;
    padding-bottom: 0px !important;
    padding-left: 1px !important;

    margin-bottom: 1px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;

    /* Arrondi seulement en haut */
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}


.custom-menu ul {
    display: flex !important;
    flex-wrap: nowrap !important;   /* interdit le passage à la ligne */
    align-items: center !important;
    gap: 0.3em !important;            /* espace entre les éléments */
}



.custom-menu li {
    list-style: none !important;
	margin: 0 !important; /* supprime toute marge si présente */
}


/* Style des liens du menu */
.custom-menu a {
    text-decoration: none !important; /* Supprime le soulignement des liens */
    color: #fff !important; /* Couleur du texte des liens */
    font-weight: bold !important;
    padding: 5px 10px !important;
    transition: color 0.3s ease, background-color 0.3s ease !important; /* Transition douce pour les effets au survol */
}

/* Style des icônes Font Awesome dans le menu (optionnel, si vous voulez les styliser) */
.custom-menu a .fa, .custom-menu a .fas {
    margin-right: 5px; /* Petit espace entre l'icône et le texte si vous gardez du texte à côté */
    font-size: 1.2em; /* Rend l'icône un peu plus grande */
    vertical-align: middle; /* Alignement vertical */
}


/* Style des liens au survol */
.custom-menu a:hover,
.custom-menu a:focus {
    color: #ffd700 !important; /* Couleur du texte au survol (par exemple, or) */
    background-color: #7B5F45 !important; /* Un marron un peu plus foncé pour le survol, pour contraste */
    border-radius: 5px !important; /* Angles arrondis pour les liens au survol */
}


/* SMARTPHONES */

/* Par défaut (desktop) */
.desktop-icon {
    display: inline-block;
}
.mobile-text {
    display: none;
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .desktop-icon {
        display: none;  /* cache l'icône sur mobile */
    }
    .mobile-text {
        display: inline-block; /* affiche le texte sur mobile */
    }
}



@media (max-width: 768px) {
    .custom-menu ul {
        flex-wrap: wrap !important;  /* autorise le passage à la ligne */
        justify-content: center !important; /* centre les éléments */
        gap: 0.5em !important;  /* réduit légèrement l'espace entre éléments */
    }

    .custom-menu a {
        padding: 5px 8px !important;  /* réduit la taille des boutons sur mobile */
        font-size: 14px !important;    /* adapte la taille du texte */
    }
}