/* wp-sc-maillage — maillage-front.css v1.0.0 */

.wpscm-bloc-maillage {
    margin-top: 2.5rem;
    padding: 1rem 1.25rem;
    border-left: 3px solid var(--global-palette1, #3182ce);
    background: var(--global-palette8, #f7f9fc);
    border-radius: 0 6px 6px 0;
    font-size: .92rem;
    line-height: 1.5;
}

.wpscm-bloc-maillage .wpscm-intro {
    margin: 0 0 .5rem 0;
    color: var(--global-palette4, #444);
    font-style: italic;
}

.wpscm-bloc-maillage .wpscm-liens {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .75rem;
    align-items: center;
}

.wpscm-bloc-maillage .wpscm-lien {
    display: inline-block;
    padding: .25rem .65rem;
    border-radius: 3px;
    background: var(--global-palette1, #3182ce);
    color: #fff !important;
    text-decoration: none !important;
    font-size: .85rem;
    font-weight: 500;
    transition: opacity .15s ease;
}

.wpscm-bloc-maillage .wpscm-lien:hover {
    opacity: .85;
}

/* Couleurs par type */
.wpscm-lien--cours  { background: var(--global-palette2, #2c5282) !important; }
.wpscm-lien--exo1   { background: var(--global-palette3, #276749) !important; }
.wpscm-lien--exo2   { background: var(--global-palette1, #3182ce) !important; }
.wpscm-lien--exo3   { background: #7b5ea7 !important; }
.wpscm-lien--exo4   { background: #c05621 !important; }

/* Mobile */
@media (max-width: 600px) {
    .wpscm-bloc-maillage {
        padding: .85rem 1rem;
    }
    .wpscm-bloc-maillage .wpscm-lien {
        font-size: .82rem;
        padding: .22rem .55rem;
    }
}