/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* ==========================================================================
   DESIGN MEMBRES : CORRECTIF SIMPLE & STYLISÉ
   ========================================================================== */

/* 2. STYLE DE LA CARTE EXISTANTE (Arrondis & Couleurs) */
#buddypress #members-list li .list-wrap {
    background-color: #ffffff;
    /* Arrondi plus fort demandé */
    border-radius: 20px !important; 
    border: 1px solid #f0f0f0;
    
    /* Centrage du contenu */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    padding: 40px 20px;
    height: 100%;
    
    /* Ombre douce et transition */
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s;
}

/* Effet au survol de la carte */
#buddypress #members-list li .list-wrap:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(191, 107, 56, 0.15); /* Ombre teintée Terracotta */
    border-color: #bf6b38;
}

/* 3. AVATAR (Image) */
.item-avatar img.avatar {
    width: 120px !important;
    height: 120px !important;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px #eee;
}

/* 4. TYPOGRAPHIE & COULEURS */

/* Nom du membre */
h2.list-title.member-name a {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700;
    font-size: 1.5rem;
    color: #2e5c43; /* Vert Forêt */
    text-decoration: none;
    transition: color 0.3s;
}

h2.list-title.member-name a:hover {
    color: #bf6b38; /* Terracotta au survol */
}

/* Méta-données (Actif il y a...) */
.item-meta, .item-meta .activity {
    font-family: 'Lato', sans-serif;
    font-size: 0.9rem;
    color: #888;
    font-style: italic;
    margin-top: 10px;
}

/* ==========================================================================
   STYLE PROFIL MEMBRE & ACTIVITÉ - DESIGN PREMIUM
   ========================================================================== */

/* --- 2. EN-TÊTE DU PROFIL (HEADER) --- */

/* Nom de l'utilisateur (@william) */
#buddypress h2.user-nicename {
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #2e5c43; /* Vert Forêt */
    text-align: center;
    margin-top: 10px;
}

/* ==========================================================================
   CORRECTION BOUTON "MESSAGE PUBLIC" (PROFIL)
   ========================================================================== */

/* On cible spécifiquement le lien à l'intérieur du bouton générique */
.member-header-actions .generic-button a,
.member-header-actions a.activity-button.mention {
    background-color: #bf6b38 !important; /* Force le fond Terracotta */
    color: #ffffff !important; /* Force le texte en Blanc */
    border: 1px solid #bf6b38 !important;
    
    /* Design moderne */
    padding: 12px 30px !important;
    border-radius: 50px !important; /* Forme pilule très arrondie */
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    
    /* Assure que le bouton a une taille et s'affiche bien */
    display: inline-block !important;
    margin-top: 15px !important;
    line-height: 1 !important;
}

/* Effet au survol (Hover) */
.member-header-actions .generic-button a:hover,
.member-header-actions a.activity-button.mention:hover {
    background-color: #2e5c43 !important; /* Devient Vert Forêt */
    border-color: #2e5c43 !important;
    color: #ffffff !important;
    transform: translateY(-3px); /* Remonte légèrement */
    box-shadow: 0 8px 20px rgba(0,0,0,0.2) !important;
}
/* Bouton d'action (Message public/privé) */
.member-header-actions .generic-button a {
    background-color: #bf6b38; /* Terracotta */
    color: #ffffff !important;
    padding: 10px 25px;
    border-radius: 30px; /* Bouton pilule */
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    display: inline-block;
    margin-top: 15px;
}

.member-header-actions .generic-button a:hover {
    background-color: #a3562a;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(191, 107, 56, 0.3);
}

/* Méta-données (Dernière activité) */
.elementor-widget-bpb-profile-member-meta .activity,
#item-meta {
    color: #888;
    font-style: italic;
    font-size: 0.9rem;
    text-align: center;
    margin-top: 5px;
}

/* --- 3. NAVIGATION PRINCIPALE (Onglets Activités, Profil...) --- */
#buddypress .main-navs.users-nav {
    background: transparent;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 30px;
}

#buddypress .main-navs.users-nav ul {
    display: flex;
    justify-content: center; /* Centrer les onglets */
    flex-wrap: wrap;
    gap: 20px;
}

#buddypress .main-navs.users-nav li a {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
    padding: 15px 5px;
    border-bottom: 3px solid transparent;
    transition: all 0.3s;
    font-size: 0.9rem;
}

/* État Actif / Survol */
#buddypress .main-navs.users-nav li.current a,
#buddypress .main-navs.users-nav li.selected a,
#buddypress .main-navs.users-nav li:hover a {
    color: #bf6b38; /* Terracotta */
    border-bottom-color: #bf6b38;
    background: transparent;
}

/* Compteur (Badge) */
#buddypress .main-navs li span.count {
    background-color: #bf6b38;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 0.7rem;
    margin-left: 5px;
}

/* --- 4. SOUS-NAVIGATION (Mes activités, Mentions...) --- */
#buddypress .bp-subnavs {
    margin-bottom: 25px;
    border-bottom: none;
}

#buddypress .bp-subnavs ul {
    display: flex;
    gap: 10px;
    justify-content: center; /* Centrer */
}

#buddypress .bp-subnavs li a {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 20px; /* Forme pilule */
    padding: 6px 18px;
    color: #666;
    font-size: 0.85rem;
    font-weight: 600;
    transition: all 0.3s;
}

#buddypress .bp-subnavs li.current a,
#buddypress .bp-subnavs li.selected a {
    background-color: #2e5c43; /* Vert Forêt */
    color: white;
    border-color: #2e5c43;
}

#buddypress .bp-subnavs li:hover a {
    border-color: #bf6b38;
    color: #bf6b38;
}

/* --- 5. FLUX D'ACTIVITÉ (LES CARTES) --- */

/* Style global de la liste */
ul.activity-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* LA CARTE D'ACTIVITÉ */
ul.activity-list li.activity-item {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03); /* Ombre très douce */
    border: 1px solid #f0f0f0;
    margin-bottom: 25px;
    padding: 25px;
    position: relative;
    transition: transform 0.3s;
}

ul.activity-list li.activity-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

/* En-tête de l'activité (Avatar + Texte "A créé un event...") */
.activity-header {
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #555;
}

.activity-header a {
    font-weight: 700;
    color: #2e5c43; /* Nom en Vert */
    text-decoration: none;
}

.activity-header a:hover {
    color: #bf6b38;
}

/* Avatar dans l'activité */
.activity-avatar img.avatar {
    border-radius: 50%;
    width: 50px !important;
    height: 50px !important;
    margin-right: 15px;
    float: left; /* Assure l'alignement */
    border: 2px solid #f9f9f9;
}

/* Contenu du message/post */
.activity-inner {
    margin: 15px 0 15px 65px; /* Décalage pour s'aligner avec le texte, pas l'avatar */
    background-color: #fdfbf7; /* Fond beige très pâle */
    padding: 15px;
    border-radius: 8px;
    border-left: 3px solid #bf6b38; /* Ligne Terracotta */
    color: #333;
}

/* Date / Temps écoulé */
span.time-since {
    font-size: 0.8rem;
    color: #aaa;
    display: block;
    margin-top: 2px;
}

/* --- 6. BOUTONS D'ACTION (Commenter, Favori, Supprimer) --- */
.activity-meta.action {
    margin-left: 65px; /* Alignement */
    margin-top: 15px;
}

/* .activity-meta .button {
    background: transparent;
    color: #888;
    border: 1px solid #eee;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    margin-right: 5px;
    transition: all 0.3s;
    text-decoration: none;
}

.activity-meta .button:hover {
    background-color: #bf6b38;
    
    border-color: #bf6b38;
} */

/* --- 7. FORMULAIRE DE COMMENTAIRE (Réponse) --- */
.activity-comments form.ac-form {
    background-color: #f9f9f9;
    padding: 15px;
    margin-top: 15px;
    border-radius: 8px;
    margin-left: 0; /* Reset */
}

.ac-input {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
    background: #fff;
    width: 100%;
}

/* Bouton Envoyer (Poster) */
input[type="submit"][name="ac_form_submit"] {
    background-color: #2e5c43; /* Vert */
    color: white;
    border: none;
    padding: 6px 15px;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 0.85rem;
}

input[type="submit"][name="ac_form_submit"]:hover {
    background-color: #1f4230;
}
/* ==========================================================================
   STYLE SUJET UNIQUE (TOPIC) - DESIGN PREMIUM & RESPONSIVE
   ========================================================================== */

.bbpress-wrapper {
    font-family: 'Lato', sans-serif;
    color: #4a4a4a;
    max-width: 1200px;
    margin: 0 auto;
}

/* --- 2. EN-TÊTE DE PAGE --- */
.topic-template-default .entry-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 3rem;
    font-weight: 700;
    color: #2e5c43; /* Vert Forêt */
    text-align: center;
    margin-bottom: 20px;
}

/* --- 3. NAVIGATION & BOUTONS D'ACTION --- */
/* Fil d'ariane */
div.bbp-breadcrumb {
    background: #f9f9f9;
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    font-size: 0.85rem;
    margin-bottom: 20px;
}
div.bbp-breadcrumb a {
    color: #bf6b38; /* Terracotta */
    font-weight: 700;
    text-decoration: none;
}

/* Boutons S'abonner / Favori */
#subscription-toggle a.subscription-toggle,
#favorite-toggle a.favorite-toggle {
    font-size: 0.8rem;
    color: #bf6b38;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 10px;
    border: 1px solid #bf6b38;
    padding: 5px 15px;
    border-radius: 20px;
    transition: all 0.3s;
}

#subscription-toggle a.subscription-toggle:hover,
#favorite-toggle a.favorite-toggle:hover {
    background-color: #bf6b38;
    color: white;
}

/* Étiquettes (Tags) */
div.bbp-topic-tags p {
    font-size: 0.85rem;
    color: #999;
}
div.bbp-topic-tags a {
    background-color: #2e5c43;
    color: white;
    padding: 2px 10px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.8rem;
}

/* --- 4. STRUCTURE DES MESSAGES (Transformé en Cartes) --- */

/* On supprime les bordures par défaut de bbPress */
ul.bbp-replies {
    border: none !important;
}

li.bbp-header, li.bbp-footer {
    background: transparent !important;
    border: none !important;
}

/* Ligne d'en-tête "Auteur / Messages" (Inutile visuellement ici) */
li.bbp-header {
    border-bottom: 2px solid #eee !important;
    margin-bottom: 20px;
    color: #2e5c43;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    text-transform: uppercase;
}

/* --- 5. STYLE D'UN MESSAGE INDIVIDUEL --- */

/* A. La barre de méta-données (Date, Admin links) au-dessus du message */
div.bbp-reply-header {
    background-color: #f4f4f4 !important;
    border: 1px solid #eee;
    border-bottom: none;
    padding: 10px 20px !important;
    border-radius: 12px 12px 0 0; /* Arrondi haut uniquement */
    font-size: 0.85rem;
    color: #888;
    margin-top: 30px; /* Espace entre les messages */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/* Liens Admin (Modifier, Répondre, etc.) */
span.bbp-admin-links a {
    color: #bf6b38;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    margin-left: 5px;
}
span.bbp-admin-links a:hover { color: #2e5c43; }

/* B. Le corps du message (Auteur + Contenu) */
div.loop-item-0, div.loop-item-1 { /* Cible les messages pairs/impairs */
    background-color: #ffffff !important;
    padding: 30px !important;
    border: 1px solid #eee;
    border-top: none; /* Collé au header */
    border-radius: 0 0 12px 12px; /* Arrondi bas uniquement */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    
    /* Flexbox pour mettre Auteur à gauche, Texte à droite */
    display: flex; 
    align-items: flex-start;
    gap: 30px;
}

/* --- 6. COLONNE AUTEUR --- */
div.bbp-reply-author {
    width: 150px; /* Largeur fixe sur PC */
    text-align: center;
    flex-shrink: 0; /* Ne pas rétrécir */
    border-right: 1px solid #f9f9f9;
    padding-right: 20px;
}

/* Avatar */
div.bbp-reply-author img.avatar {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #eee;
    margin-bottom: 10px;
}

/* Nom Auteur */
div.bbp-reply-author a.bbp-author-link {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.1rem;
    color: #2e5c43;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}

/* Rôle (Maître des clés, etc) */
div.bbp-author-role {
    font-size: 0.75rem;
    color: #bf6b38;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

/* IP (cachée ou discrète) */
.bbp-reply-ip { color: #ddd; font-size: 0.7rem; margin-top: 5px;}

/* --- 7. COLONNE CONTENU DU MESSAGE --- */
div.bbp-reply-content {
    flex-grow: 1; /* Prend tout l'espace restant */
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
}

div.bbp-reply-content p {
    margin-bottom: 15px;
}

/* --- 8. FORMULAIRE DE RÉPONSE (En bas) --- */
#new-reply-530, .bbp-reply-form {
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-top: 50px;
    border: 1px solid #eee;
}

.bbp-reply-form legend {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
    color: #bf6b38;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

/* Champs */
.bbp-reply-form input[type=text],
.bbp-reply-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fdfbf7; /* Beige clair */
}

.bbp-reply-form input:focus, 
.bbp-reply-form textarea:focus {
    border-color: #bf6b38;
    outline: none;
}

/* Bouton Envoyer */
button#bbp_reply_submit {
    background-color: #2e5c43;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 15px;
    transition: background 0.3s;
}

button#bbp_reply_submit:hover {
    background-color: #bf6b38;
}

/* ==========================================================================
   9. OPTIMISATION MOBILE (RESPONSIVE) - CRUCIAL
   ========================================================================== */
@media screen and (max-width: 768px) {
    
    /* On masque l'en-tête du tableau qui ne sert à rien sur mobile */
    li.bbp-header {
        display: none !important;
    }

    /* On transforme la "Carte Message" en colonne verticale */
    div.loop-item-0, div.loop-item-1 {
        flex-direction: column; /* Empile Auteur puis Contenu */
        padding: 20px !important;
        gap: 15px;
    }

    /* Section Auteur sur mobile */
    div.bbp-reply-author {
        width: 100%; /* Prend toute la largeur */
        border-right: none;
        border-bottom: 1px dashed #eee;
        padding-right: 0;
        padding-bottom: 15px;
        display: flex;
        align-items: center; /* Aligne avatar et nom horizontalement */
        text-align: left;
        gap: 15px;
    }

    div.bbp-reply-author img.avatar {
        width: 50px;
        height: 50px;
        margin-bottom: 0;
    }

    /* Section Contenu sur mobile */
    div.bbp-reply-content {
        width: 100%;
        padding-left: 0;
    }

    /* Header du message (Date/Admin) */
    div.bbp-reply-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    span.bbp-admin-links {
        border-top: 1px solid #e0e0e0;
        padding-top: 5px;
        width: 100%;
        margin-top: 5px;
    }
    
    /* Titre page plus petit */
    .topic-template-default .entry-title {
        font-size: 2rem;
    }
}

/* ==========================================================================
   PAGE D'INSCRIPTION (REGISTER) - DESIGN PREMIUM
   ========================================================================== */

/* --- 1. MISE EN PAGE (GRILLE) --- */
/* On crée une grille pour séparer "Compte" et "Profil" */
#signup-form .layout-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Deux colonnes égales */
    gap: 50px; /* Espace central */
    align-items: start;
    margin-top: 40px;
}

/* Conteneur général pour aérer */
#register-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- 2. TITRES DES SECTIONS --- */
#signup-form h2.bp-heading {
    font-family: 'Playfair Display', serif;
    font-size: 1.8rem;
    color: #2e5c43; /* Vert Forêt */
    font-weight: 700;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #fcece4; /* Ligne de séparation Terracotta pâle */
}

/* --- 3. CHAMPS ET LABELS --- */
#signup-form label {
    display: block;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #444;
    margin-bottom: 8px;
    font-size: 0.95rem;
}

/* Les inputs (texte, email, pass) */
#signup-form input[type=text],
#signup-form input[type=email],
#signup-form input[type=password] {
    width: 100%;
    padding: 14px 18px;
    border: 1px solid #ddd;
    border-radius: 8px; /* Coins arrondis */
    background-color: #fdfbf7; /* Fond beige très pâle */
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    color: #333;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

/* Focus (quand on clique dedans) */
#signup-form input:focus {
    border-color: #bf6b38; /* Terracotta */
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(191, 107, 56, 0.1);
}

/* --- 4. ZONE MOT DE PASSE (PASSWORD) --- */
.user-pass1-wrap, .user-pass2-wrap {
    margin-top: 0;
}

/* Le conteneur flex du mot de passe et du bouton oeil */
.password-input-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

/* Bouton "Oeil" (Afficher/Masquer) */
.password-input-wrapper .button.wp-hide-pw {
    background: transparent;
    border: none;
    color: #888;
    position: absolute;
    right: 10px;
    top: 12px;
    cursor: pointer;
}

/* Barre de force du mot de passe */
#pass-strength-result {
    border-radius: 6px;
    margin-top: 5px;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 8px;
    text-align: center;
}

/* Petit texte d'aide */
p.description.indicator-hint {
    font-size: 0.85rem;
    color: #888;
    font-style: italic;
    line-height: 1.4;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    margin-top: 10px;
}

/* --- 5. CHAMPS DE PROFIL (NAME) --- */
/* BuddyPress met souvent un Fieldset moche, on le nettoie */
.editfield fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.editfield legend {
    font-weight: 700;
    color: #444;
    margin-bottom: 8px;
    display: block;
}

/* Texte "Ce champ peut être vu par..." */
p.field-visibility-settings-notoggle {
    font-size: 0.8rem;
    color: #999;
    margin-top: -15px;
    margin-bottom: 25px;
    font-style: italic;
}

/* --- 6. BOUTON "TERMINER L'INSCRIPTION" --- */
#signup-form .submit {
    grid-column: 1 / -1; /* Prend toute la largeur en bas */
    text-align: center;
    margin-top: 40px;
}

#signup-form input#submit {
    background-color: #bf6b38; /* Terracotta */
    color: white;
    border: none;
    padding: 15px 50px;
    font-size: 1.1rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50px; /* Forme Pilule */
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(191, 107, 56, 0.2);
}

#signup-form input#submit:hover {
    background-color: #2e5c43; /* Devient Vert au survol */
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(46, 92, 67, 0.25);
}

/* ==========================================================================
   7. RESPONSIVE MOBILE (CRUCIAL)
   ========================================================================== */
@media screen and (max-width: 768px) {
    
    /* On passe de 2 colonnes à 1 seule colonne empilée */
    #signup-form .layout-wrap {
        grid-template-columns: 1fr; 
        gap: 30px;
        margin-top: 20px;
    }

    /* Ajustement des titres */
    #signup-form h2.bp-heading {
        font-size: 1.5rem;
    }

    /* Le bouton prend toute la largeur sur mobile */
    #signup-form input#submit {
        width: 100%;
        padding: 15px 20px;
    }
    
    /* On s'assure que le conteneur ne touche pas les bords */
    #register-page {
        padding: 0 15px;
    }
}
/* ==========================================================================
   ONGLET "CREATE EVENT / LIST" - DESIGN LISTE PREMIUM
   ========================================================================== */

/* --- 1. LA SOUS-NAVIGATION (Upcoming, Archive...) --- */
.bpb-settings-container .subnav {
    display: flex;
    gap: 10px;
    margin-bottom: 40px;
    border-bottom: none !important;
    flex-wrap: wrap;
}

.bpb-settings-container .subnav li a {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 30px; /* Forme pilule */
    padding: 8px 20px;
    color: #666;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s;
}

/* État actif (Vert) */
.bpb-settings-container .subnav li.current a,
.bpb-settings-container .subnav li.selected a {
    background-color: #2e5c43; /* Vert Forêt */
    color: white;
    border-color: #2e5c43;
}

/* Survol (Terracotta) */
.bpb-settings-container .subnav li a:hover {
    border-color: #bf6b38;
    color: #bf6b38;
}

/* --- 2. LES TITRES DES ÉVÉNEMENTS --- */
.bpb-settings-container h2.entry-title {
    margin-top: 0;
    margin-bottom: 15px;
}

.bpb-settings-container h2.entry-title a {
    font-family: 'Playfair Display', serif !important;
    font-size: 1.8rem;
    font-weight: 700;
    color: #2e5c43; /* Vert */
    text-decoration: none;
    transition: color 0.3s;
}

.bpb-settings-container h2.entry-title a:hover {
    color: #bf6b38; /* Terracotta */
}

/* --- 3. LES IMAGES --- */
.bpb-settings-container img.wp-post-image {
    border-radius: 12px; /* Coins arrondis */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    margin: 15px 0;
    max-width: 100%;
    height: auto;
    border: 1px solid #eee;
    padding: 4px; /* Petit cadre blanc */
    background: #fff;
}

/* --- 4. BOUTONS D'ACTION (EDIT / DELETE) --- */
.bpb-settings-container span.edit,
.bpb-settings-container span.trash {
    display: inline-block;
    margin-bottom: 15px;
}

.bpb-settings-container span.edit a,
.bpb-settings-container span.trash a {
    font-family: 'Lato', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 15px;
    border-radius: 20px;
    text-decoration: none;
    transition: background 0.3s;
    display: inline-block;
}

/* Bouton Edit (Beige/Vert) */
.bpb-settings-container span.edit a {
    background-color: #fdfbf7;
    border: 1px solid #ddd;
    color: #2e5c43;
    margin-right: 5px;
}
.bpb-settings-container span.edit a:hover