/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  Theme enfant pour mon Portfolio Dev
 Author:       Mbay Kapit
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Ajoutez votre CSS personnalisé ici en dessous */
/* Cache le badge reCAPTCHA v3 pour un design propre */
.grecaptcha-badge { 
    visibility: hidden; 
    opacity: 0; 
}
/* --- STYLE SOMMAIRE AUTO (Style Frandroid) --- */
.mbayo-toc-container {
    background: #f8fafc; /* Fond clair légèrement bleuté */
    border: 1px solid #e2e8f0;
    border-left: 4px solid #3b82f6; /* Barre bleue à gauche */
    border-radius: 8px;
    padding: 20px;
    margin: 30px 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* Mode sombre automatique si ton body a la classe dark-mode */
body[data-theme="dark"] .mbayo-toc-container {
    background: #1e293b;
    border-color: #334155;
    color: #fff;
}

.toc-header {
    font-weight: 800;
    font-size: 1.1rem;
    margin-bottom: 15px;
    color: #1e293b; /* Texte foncé */
    display: flex;
    align-items: center;
    gap: 10px;
}

.toc-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.toc-list li {
    margin-bottom: 8px;
}

.toc-list a {
    text-decoration: none;
    color: #64748b; /* Gris texte */
    font-weight: 500;
    transition: 0.2s;
    font-size: 0.95rem;
    display: block;
    padding: 2px 0;
}

.toc-list a:hover {
    color: #3b82f6; /* Bleu au survol */
    padding-left: 5px; /* Petit effet de mouvement */
}

/* Décalage pour les sous-titres H3 */
.toc-subitem {
    padding-left: 20px;
    font-size: 0.9rem;
    border-left: 1px solid #cbd5e1;
}

/* Scroll fluide quand on clique */
html {
    scroll-behavior: smooth;
}

        /* BADGES ADMIN ET MEMBRE */
        .badge-certifie { 
            display: inline-flex; align-items: center; gap: 4px; font-size: 0.75rem; 
            padding: 2px 8px; border-radius: 50px; font-weight: 700; margin-left: 8px; vertical-align: middle;
        }
        .badge-admin { background: rgba(59, 130, 246, 0.15); color: #3b82f6; border: 1px solid rgba(59, 130, 246, 0.3); }
        .badge-membre { background: rgba(34, 197, 94, 0.15); color: #22c55e; border: 1px solid rgba(34, 197, 94, 0.3); }