/* Corrections mobiles issues de l'audit (U4 bandeau cookies compact, U7 zones tactiles et boutons d'action).
   Testées à 360 x 800 : bandeau de 449 à 233 px (29 % de l'écran), boutons de l'accueil de 818 à 498 px. */

@media (max-width: 767.98px) {

    /* U4 : bandeau cookies compact (30 % de l'écran au plus), Accepter et Refuser de même poids */
    .cmplz-cookiebanner.cmplz-cookiebanner {
        padding: 12px 14px !important;
        gap: 6px !important;
    }

    .cmplz-cookiebanner .cmplz-logo,
    .cmplz-cookiebanner .cmplz-divider {
        display: none !important;
    }

    .cmplz-cookiebanner .cmplz-title {
        font-size: 15px !important;
    }

    .cmplz-cookiebanner .cmplz-message {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }

    /* explication limitée à 3 lignes (défilable), lien vers la politique toujours visible */
    .cmplz-cookiebanner .cmplz-message p:first-child {
        max-height: 4.2em;
        overflow-y: auto;
        margin: 0 !important;
    }

    .cmplz-cookiebanner .cmplz-message p + p {
        margin: 4px 0 0 !important;
    }

    .cmplz-cookiebanner .cmplz-buttons {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 6px !important;
    }

    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
        width: 100% !important;
        min-height: 44px;
        height: auto !important;
        margin: 0 !important;
        padding: 8px !important;
        font-size: 14px !important;
    }

    .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences,
    .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences,
    .cmplz-cookiebanner .cmplz-buttons .cmplz-manage-options {
        grid-column: 1 / -1;
    }

    /* U7 : zones tactiles d'au moins 44 px */
    .Timenu,
    .btnplus,
    .btn-aller,
    .logfil,
    .larecherchef,
    .btnacache,
    .scroll-to-top {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .bntjepostule {
        min-height: 44px;
    }

    /* points de pagination des carrousels : zone de toucher agrandie sans changer leur aspect */
    .splide__pagination__page {
        position: relative;
    }

    .splide__pagination__page::after {
        content: "";
        position: absolute;
        inset: -18px -6px;
    }

    /* U7 : sur l'accueil, accroche et boutons d'action avant l'illustration */
    .text-present {
        order: 1 !important;
        padding-top: 0.5rem !important;
    }

    .logooaacc {
        order: 2;
        width: 60%;
    }
}