/*
 * Bernard — Mobile Polish V2
 *
 * Aucun effet desktop.
 * Aucune modification interne des cartes.
 */

@media (max-width: 767px) {

    /*
     * Le JS ajoute cette classe uniquement sur mobile.
     */

    html.bernard-mobile-v2 {
        min-height: 100%;
    }

    html.bernard-mobile-v2 body {
        min-height: 100%;
    }


    /*
     * ------------------------------------------------------------
     * HERO
     *
     * On réduit le bloc entier proportionnellement.
     * Aucun bricolage individuel sur le chat, le titre,
     * le slogan ou la recherche.
     * ------------------------------------------------------------
     */

    html.bernard-mobile-v2 [data-bm-v2="hero"] {
        zoom: .94;
    }


    /*
     * ------------------------------------------------------------
     * CARTES
     *
     * Important :
     * on NE TOUCHE PLUS aux h2/h3/p/img.
     *
     * Toute la carte est réduite proportionnellement,
     * donc aucun chevauchement possible.
     * ------------------------------------------------------------
     */

    html.bernard-mobile-v2 [data-bm-v2="card"] {
        zoom: .92;
    }


    /*
     * Un peu moins d'espace entre les cartes,
     * sans toucher à leur composition interne.
     */

    html.bernard-mobile-v2
    [data-bm-v2="card"] {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }


    /*
     * ------------------------------------------------------------
     * FOOTER
     * ------------------------------------------------------------
     */

    html.bernard-mobile-v2 footer {
        margin-top: 42px !important;
    }


    /*
     * ------------------------------------------------------------
     * SECURITE RESPONSIVE
     * ------------------------------------------------------------
     */

    html.bernard-mobile-v2,
    html.bernard-mobile-v2 body {
        max-width: 100%;
        overflow-x: clip;
    }

}

/* BERNARD MOBILE REAL SPACER START */

/*
 * VRAI espace ajouté dans le flux.
 *
 * Contrairement à margin-top, il s'ajoute réellement
 * à la mise en page existante.
 */

@media (max-width: 767px) {

    .bernard-mobile-section-spacer {
        display: block !important;

        width: 100% !important;
        height: 16px !important;

        min-height: 16px !important;
        flex: 0 0 16px !important;

        grid-column: 1 / -1 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        pointer-events: none !important;
    }

}

/* BERNARD MOBILE REAL SPACER END */