/* ============================================
   PAGES CAP - Responsive
   ============================================ */

/* --- Bulles / badges --- */
@media (max-width: 768px) {
    .cap-badges {
        flex-wrap: wrap !important;
        gap: 12px !important;
        justify-content: flex-start;
    }
}

/* --- Bouton Candidater --- */
@media (max-width: 768px) {
    .cap-btn-candidater .wp-block-button__link {
        width: auto !important;
        white-space: nowrap;
    }
}

@media (max-width: 768px) {
    .cap-btn-wrapper {
        justify-content: center !important;
    }
}

/* --- Image hero --- */
@media (max-width: 768px) {
    .cap-hero-image figure {
        text-align: center;
    }

    .cap-hero-image figure img {
        width: auto;
        max-width: 100%;
    }
}

/* --- Sidebar : remonte sous le hero sur mobile --- */
@media (max-width: 768px) {
    .cap-col-sidebar {
        order: -1;
    }

    .cap-sticky {
        position: static !important;
    }
}


   /* ============================================
   PAGES CS - Responsive
   ============================================ */

@media (max-width: 768px) {
    .cs-badges-row {
        flex-wrap: wrap !important;
    }

    .cs-badges-row > p {
        white-space: normal !important;
        font-size: 0.7rem !important;
        padding: 4px 8px !important;
        letter-spacing: 1px !important;
    }
}

@media (max-width: 768px) {
    .cs-stats-row {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .cs-hero-image {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .cs-hero-col-gauche {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 768px) {
    .cs-rncp-col {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

@media (max-width: 768px) {
    .cs-hero-btns {
        justify-content: center !important;
    }
}