/* ===========================
   Flipbox — chargé uniquement si le plugin Flip Box Block est actif
=========================== */

.wp-block-flipbox-block-flipbox-front .wp-block-cover,
.wp-block-flipbox-block-flipbox-back .wp-block-cover {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.wp-block-flipbox-block-flipbox-front .wp-block-cover img,
.wp-block-flipbox-block-flipbox-back .wp-block-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.flipbox-row-centre { justify-content: center !important; }

@media (max-width: 782px) {
    .flipbox_inner,
    .flipbox_inner .front,
    .flipbox_inner .back {
        min-height: 350px;
    }

    .wp-block-column:has(.wp-block-flipbox-block-flipbox) {
        flex-basis: 100% !important;
        width: 100% !important;
        margin-bottom: 4rem !important;
    }

    .wp-block-flipbox-block-flipbox {
        width: 100% !important;
        max-width: 350px !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .wp-block-flipbox-block-flipbox-back .wp-block-heading {
        font-size: 1.5rem !important;
        line-height: 1.2 !important;
    }

    .wp-block-columns:has(.wp-block-flipbox-block-flipbox) {
        flex-wrap: wrap !important;
        row-gap: 5rem !important;
        margin-bottom: 5rem !important;
    }
}