/*
Theme Name: Soludevi
Author: Soludevi
Author URI: https://soludevi.fr
Description: Un thème WordPress simple.
Version: 1.4
License: Propriétaire - Tous droits réservés
License URI: https://soludevi.fr
Text Domain: soludevi
*/

body {
    font-family: Arial, sans-serif; /* Remplacez Arial par la police de votre choix */
    line-height: 1.5; /* Espacement entre les lignes */
}

article {
    max-width: 1200px;
    min-height: 70vh;
    margin: auto;
    border-bottom : 1px solid Gainsboro;
    border-top : 1px solid Gainsboro;
}

@media (max-width: 768px) {
    article {
        max-width: 100%;
        padding: 10px;
        min-height: auto;
    }
}
.alignfull {
    width: 100vw; /* Utilise la largeur de la fenêtre */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
}
.alignfull input, .alignfull textarea{
    border: 1px solid #ccc; /* Ajoute une bordure par défaut */
}

.alignfull-padded{
    width: 100vw; /* Utilise la largeur de la fenêtre */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    padding-left:20px;
    padding-right:20px;
    box-sizing:border-box;
}
.alignfull-padded input, .alignfull-padded textarea{
    border: 1px solid #ccc; /* Ajoute une bordure par défaut */
}

/*------------------ FIX WORDPRESS PRE 6.9 */

/* ===== RESTAURATION DU COMPORTEMENT D\'ORIGINE DES COLONNES ===== */
/* Réinitialise les styles par défaut */
.soludevi-block-columns {
    display: flex;
    flex-wrap: wrap; /* Permet l\'empilement sur mobile */
    margin: 0 0 1em 0;
    padding: 0;
    gap: 0;
    align-items: flex-start;
    margin-bottom : 0px;
}

/* Comportement MOBILE (toujours empilé) */
.soludevi-block-column {
    padding: 0;
    margin: 0 0 1em 0; /* Marge basse pour l\'espacement vertical */
    flex: 1 1 100%; /* Empilement forcé sur mobile */
    min-width: 0;
    word-break: break-word;
}

/* Règle supplémentaire pour forcer l\'empilement sur mobile */
@media (max-width: 781px) {
    .soludevi-block-columns:not(.is-not-stacked-on-mobile) > .soludevi-block-column {
        flex-basis: 100% !important; /* Force l\'empilement sur mobile */
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
    }
}

/* Comportement DESKTOP (à partir de 782px) */
@media (min-width: 782px) {
    .soludevi-block-columns {
        flex-wrap: nowrap; /* Désactive l\'empilement sur desktop */
    }

    .soludevi-block-column {
        flex: 0 0 auto; /* Largeur automatique */
        margin: 0; /* Pas de marge verticale */
    }

    /* Espacement entre colonnes
    .soludevi-block-column + .soludevi-block-column {
        margin-left: 2%;
    }*/

    /* Pas de marge pour la première colonne */
    .soludevi-block-column:first-child {
        margin-left: 0;
    }

    /* Largeurs fixes (comme avant) */
    .soludevi-block-column[style*="flex-basis:20%"] { flex-basis: 20% !important; }
    .soludevi-block-column[style*="flex-basis:25%"] { flex-basis: 25% !important; }
    .soludevi-block-column[style*="flex-basis:33%"] { flex-basis: 33.33% !important; }
    .soludevi-block-column[style*="flex-basis:50%"] { flex-basis: 50% !important; }
    .soludevi-block-column[style*="flex-basis:66%"] { flex-basis: 66.66% !important; }
    .soludevi-block-column[style*="flex-basis:75%"] { flex-basis: 75% !important; }

    /* Gestion des largeurs personnalisées (ex: 7%, 9%, etc.) */
    .soludevi-block-column[style*="flex-basis:"] {
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
    }
}

/* Alignements verticaux (comme avant) */
.soludevi-block-column.is-vertically-aligned-top {
    align-self: flex-start !important;
}
.soludevi-block-column.is-vertically-aligned-center {
    align-self: center !important;
}
.soludevi-block-column.is-vertically-aligned-bottom {
    align-self: flex-end !important;
}
.soludevi-block-column.is-vertically-aligned-stretch {
    align-self: stretch !important;
}

/* Layouts prédéfinis (2 colonnes, 3 colonnes, etc.) */
@media (min-width: 782px) {
    /* 2 colonnes */
    .soludevi-block-columns:not(.is-not-stacked-on-mobile) > .soludevi-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }
    /*
    .soludevi-block-columns:not(.is-not-stacked-on-mobile) > .soludevi-block-column:nth-child(2n) {
        margin-left: 2%;
    }
    */

    /* 3 colonnes */
    /*
    .soludevi-block-columns:not(.is-not-stacked-on-mobile) > .soludevi-block-column:nth-child(3n+2) {
        margin-left: 2%;
    }
    */
    /*
    .soludevi-block-columns:not(.is-not-stacked-on-mobile) > .soludevi-block-column:nth-child(3n+3) {
        margin-left: 2%;
    */
}


/*------------------ FIN FIX WORDPRESS PRE 6.9  */