/**
 * UNITEK Pro limite actuellement .page-body à 900 px.
 * Le conteneur général du thème reste plafonné à 1200 px et centré.
 */

body.page .page-content > .container {
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-left: 24px;
}

body.page .page-body {
    width: 100%;
    max-width: none !important;
    margin-right: auto;
    margin-left: auto;
}

/* Accueil Gutenberg : aucun titre automatique n'est ajouté au-dessus des blocs. */
body.home .unitek-gutenberg-home {
    width: 100%;
    padding-top: 78px;
    overflow: hidden;
}

body.admin-bar.home .unitek-gutenberg-home {
    padding-top: 78px;
}

body.home .unitek-gutenberg-home .page-body {
    width: 100%;
    max-width: none !important;
    margin: 0;
    padding: 0;
}

body.home .unitek-gutenberg-home .page-body > .alignfull {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}

/*
 * Dans ce thème classique, alignfull doit remplir le conteneur de 1200 px,
 * et non sortir de l'écran avec un calcul basé sur 100vw.
 */
body.page .page-body > .alignfull,
body.page .page-body > .alignwide {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}

/* Les blocs conservent leur largeur et restent centrés. */
body.page .page-body > .wp-block-group,
body.page .page-body > .wp-block-cover,
body.page .page-body > .wp-block-columns,
body.page .page-body > .wp-block-media-text {
    margin-right: auto;
    margin-left: auto;
}

/*
 * Empêche les groupes de trois cartes de former une ligne 2 + 1 sur tablette
 * et sur les fenêtres d'ordinateur relativement étroites.
 */
@media (min-width: 769px) {
    body.page .page-body .wp-block-columns,
    body.home .wordpress-content .wp-block-columns {
        flex-wrap: nowrap !important;
    }

    body.page .page-body .wp-block-columns > .wp-block-column,
    body.home .wordpress-content .wp-block-columns > .wp-block-column {
        min-width: 0;
    }
}

/* Évite que les règles historiques sur les images déforment les couvertures. */
body.page .page-body .wp-block-cover__image-background {
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 768px) {
    body.page .page-content > .container {
        padding-right: 16px;
        padding-left: 16px;
    }

    body.page .page-body {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.home .unitek-gutenberg-home {
        padding-top: 72px;
    }

    body.page .page-body .wp-block-columns,
    body.home .wordpress-content .wp-block-columns {
        flex-direction: column;
    }

    body.page .page-body .wp-block-columns > .wp-block-column,
    body.home .wordpress-content .wp-block-columns > .wp-block-column {
        width: 100%;
        flex-basis: 100% !important;
    }
}