/*
Theme Name:     Kadence Child
Theme URI:      https://www.kadencewp.com/kadence-theme/
Description:    Child theme for Kadence
Author:         Your Name
Author URI:     https://yourwebsite.com
Template:       kadence
Version:        1.0
*/

/* Import parent theme styles */
@import url("../kadence/style.css");

/* ============================================================
   PROFIL LEARNDASH - PERSONNALISATIONS KITEPEDIA
   ============================================================ */

/* --- SECTION BADGES (Achievements) --- */

/* Panneau de badges - fond sombre */
.ld-achievements-panel {
    background: #1d2638;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

.ld-achievements-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background: #1d2638;
    color: #fff;
}

.ld-achievements-panel__title {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

/* Bouton toggle */
.ld-achievements-panel__toggle-button {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 0.85rem;
}

/* Liste des badges en grille */
.ld-achievements-panel__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 16px 20px 20px;
    background: #fff;
}

/* Chaque badge : largeur basee sur le contenu du titre */
.ld-achievements-panel__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    padding: 8px 6px;
    min-width: 0;
}

/* Wrapper image badge */
.ld-achievements-panel__item-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.ld-achievements-panel__item-image {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

/* Image badge non-debloque : grisee */
.ld-achievement-locked .ld-achievements-panel__item-image {
    filter: grayscale(100%) opacity(0.4) !important;
    transition: filter 0.3s;
}

/* Image badge debloque : couleur normale */
.ld-achievement-earned .ld-achievements-panel__item-image {
    filter: none !important;
}

/* Titre du badge : UNE SEULE LIGNE (pas de saut de ligne) */
.ld-achievements-panel__item-title {
    font-size: 0.72rem;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
    white-space: nowrap;
    color: #333;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Titre grise si badge non debloque */
.ld-achievement-locked .ld-achievements-panel__item-title {
    color: #aaa;
}

/* --- BOUTON "VOIR" STATISTIQUES QUIZ --- */

/* Bouton "Voir les questions et reponses" mis en valeur */
.learndash-wrapper a.user_statistic {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #1d2638;
    color: #fff !important;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 0.82rem;
    font-weight: 500;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.2s;
}

.learndash-wrapper a.user_statistic:hover {
    background: #2d3a50;
}

.learndash-wrapper a.user_statistic .ld-icon {
    font-size: 0.9em;
}

/* --- VOLET INSTRUCTEUR (cours ID=9) : MASQUER BARRE DE PROGRESSION --- */

/* Masque la barre de progression uniquement pour la Formation d'instructeur */
#ld-course-list-item-9 .ld-item-list-item-expanded .ld-progress {
    display: none !important;
}

/* --- NOM D'UTILISATEUR PROFIL --- */
.ld-profile-username {
    font-size: 1.3em !important;
    font-weight: bold !important;
    margin: 50px 0 0 0 !important;
    padding: 0 !important;
}

/* --- TEXTE SOUS BOUTON VOIR - STATISTIQUES QUIZ --- */
.ld-table-list-column-stats {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.voir-subtext {
    display: block !important;
    font-size: 0.75em !important;
    color: #666 !important;
    margin-top: 4px !important;
    text-align: center !important;
}