/**
 * Theme Name:     Twenty Twenty-Five Child
 * Author:         p@k
 * Template:       twentytwentyfive
 * Text Domain:	   twenty-twenty-five-child
 * Description:    Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
 */

 /* Texte général du site */

/* Base texte */

body,
p,
li,
input,
textarea,
select,
button {
    font-family: var(--wp--preset--font-family--roboto);
}

/* Titres */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.entry-title,
.site-title,
.titre-fort {
    font-family: var(--wp--preset--font-family--archivo-black);
}

/* Italique courant */
.texte-italique,
.emphase,
blockquote p,
.signature-elegante {
    font-family: var(--wp--preset--font-family--roboto);
    font-style: italic;
}

/* Commentaires / petits mots */
.commentaire-doux,
.petit-mot,
.texte-commentaire,
.note-affective,
.signature-main {
    font-family: var(--wp--preset--font-family--caveat);
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
}


/* fin du css police de caractere*/


.mon-annuaire-liste {
    column-count: 2;          /* 2 colonnes */
    column-gap: 2rem;         /* espace entre les colonnes */
}

.mon-annuaire-item {
    break-inside: avoid;
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    background: #eef8ee;   /* même couleur que .mon-annuaire-hotel-bloc */
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
}

.mon-annuaire-nom {
    font-weight: 600;
    text-decoration: none;
}


.mon-annuaire-nom:hover {
    text-decoration: underline;
}

.mon-annuaire-nombre {
    white-space: nowrap;
}

/* Responsive : une seule colonne sur mobile */
@media (max-width: 768px) {
    .mon-annuaire-liste {
        column-count: 1;
    }
}

/*css pour boites de single*/

/* Conteneur général */
.mon-annuaire-single {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}


/* Boîte du titre */
.mon-annuaire-titre {
    background: #e3f2fd;          /* bleu clair */
    color: #0d47a1;               /* bleu plus soutenu */
    padding: 1rem 1.5rem;
    border-radius: 12px;
    margin: 0 0 1.5rem;
    text-align: center;
}

/* Boîte du contenu du post */
.mon-annuaire-single-content {
    background: #bbdefb;          /* bleu clair */
    color: #0d47a1;
    padding: 1.25rem 1.5rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

/* Boîte infos (nombre, téléphone, email, situation) */
.mon-annuaire-single-infos {
    background: #90caf9;          /* autre bleu clair */
    color: #0b305e;
    padding: 1.25rem 1.5rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.mon-annuaire-single-infos p {
    margin: 0 0 0.5rem;
}

.mon-annuaire-single-infos p:last-child {
    margin-bottom: 0;
}

/* Boîte commentaires pleine largeur, fond gris, texte blanc */
.mon-annuaire-single-commentaires {
    background: #424242;          /* gris foncé */
    color: #ffffff;               /* texte blanc */
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 2rem;
}

.mon-annuaire-single-commentaires h2 {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #eeeeee;
}

.mon-annuaire-single-commentaires p {
    margin: 0;
    line-height: 1.6;
}

/* fin de single*/



/* css du menu single-personne*/

/* Bandeau vert d'eau pour le conteneur */
.mon-annuaire-menu-top,
.mon-annuaire-menu-bottom {
    background-color: #20b2aa;
    padding: 10px 20px;
    border-radius: 12px;
    margin-bottom: 20px; 
}

/* UL du menu : ligne, sans retour à la ligne */
.mon-annuaire-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex !important;
    flex-wrap: nowrap !important;     /* empêche le retour à la ligne */
    gap: 20px;
    white-space: nowrap !important;   /* sécurité supplémentaire */
}

/* On neutralise les styles de base du thème */
.mon-annuaire-menu-list li {
    margin: 0;
    padding: 0;
    display: inline-flex;   /* s'assure que chaque li reste sur la ligne */
}

/* Liens */
.mon-annuaire-menu-list a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 800;
    padding: 5px 0;
    display: inline-block;
}

.mon-annuaire-menu-list a:hover,
.mon-annuaire-menu-list a:focus {
    text-decoration: underline;
}

/* FORCE : UL du menu en ligne */
nav.mon-annuaire-menu-top ul,
nav.mon-annuaire-menu-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    gap: 20px !important;
}

/* FORCE : LI en ligne */
nav.mon-annuaire-menu-top ul li,
nav.mon-annuaire-menu-bottom ul li {
    margin: 0 !important;
    padding: 0 !important;
}

/* FORCE : liens en gras marqué */
nav.mon-annuaire-menu-top ul li a,
nav.mon-annuaire-menu-bottom ul li a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600 !important;   /* gras */
    padding: 5px 0 !important;
    display: inline-block !important;
}
    html,
body {
    max-width: 100% !important;
}




.mon-annuaire-hotels-groupes {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.mon-annuaire-hotel-bloc {
    background: #edf3f3;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}


.mon-annuaire-hotel-titre {
    margin: 0 0 1rem;
    font-size: 1.5rem;
    color: #1e3a5f;
}

.mon-annuaire-hotel-total {
    font-size: 0.95rem;
    color: #5f6f86;
    font-weight: normal;
}