/* CSS personnalisé pour élargir les sections spotlight (compétences DevOps uniquement) */

/* Agrandir la largeur des sidebars left et right pour avoir plus de place */
/* Cibler uniquement la section formations (#formations) */
#formations.spotlight.left .content {
    width: 42em !important; /* Au lieu de 28em - environ 50% plus large */
    padding: 4em 2.5em !important; /* Réduction du padding */
    font-size: 0.9em !important; /* Réduction de la taille de police */
}

/* Ajustements pour les listes dans spotlight formations uniquement */
#formations .content ul {
    margin-left: 1.5em;
    margin-bottom: 1em; /* Réduit de 1.5em à 1em */
}

#formations .content li {
    margin-bottom: 0.5em !important; /* Réduit de 0.75em à 0.5em */
    line-height: 1.5 !important; /* Réduit de 1.6 à 1.5 */
}

/* Titres dans spotlight formations uniquement */
#formations .content h3 {
    margin-top: 1.2em !important; /* Réduit de 2em à 1.2em */
    margin-bottom: 0.6em !important; /* Réduit de 1em à 0.6em */
    font-size: 1.15em !important; /* Réduit de 1.35em à 1.15em */
    color: #ffffff;
    font-weight: 300;
}

#formations .content h3:first-of-type {
    margin-top: 0.3em !important;
}

/* Header dans spotlight formations uniquement */
#formations .content header {
    margin-bottom: 1.5em !important;
}

#formations .content header h2 {
    margin-bottom: 0.5em !important;
}

/* Colonnes dans spotlight formations uniquement */
#formations .content .row {
    margin-top: 0 !important;
}

#formations .content .col-6 {
    padding: 0 0.75em !important;
}

/* Assurer une bonne lisibilité sur mobile */
@media screen and (max-width: 1280px) {
    #formations.spotlight.left .content {
        width: 38em !important;
        font-size: 0.85em !important;
    }
}

@media screen and (max-width: 980px) {
    #formations.spotlight.left .content {
        width: 32em !important;
        font-size: 0.85em !important;
    }
}

@media screen and (max-width: 736px) {
    #formations.spotlight.left .content {
        width: 100% !important;
        padding: 3em 2em !important;
        font-size: 1em !important;
    }
}