/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    https://cieldarmor.fr/
 Description:  Thème enfant pour Ciel d'Armor
 Author:       Ciel d'Armor
 Template:     twentyseventeen
 Version:      1.0.0
 Text Domain:  twentyseventeen-child
*/

/* Tes règles CSS personnalisées en dessous */



/* --- ÉLARGISSEMENT DU SITE ET OPTIMISATION 2 COLONNES (PC) --- */
@media screen and (min-width: 48em) {

    /* 1. Élargit le conteneur principal sur écran d'ordinateur (au lieu de ~1000px max) */
    body.home .site-content .wrap {
        max-width: 1800px !important;
        width: 90% !important;
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    /* 2. Structuration du conteneur en float/clearing */
    body.home .site-content-contain,
    body.home .site-content {
        display: block !important;
        position: relative !important;
        overflow: hidden !important;
    }

    /* 3. Colonne GAUCHE (Contenu principal : ~63% de la largeur) */
    body.home #primary {
        float: left !important;
        width: 63% !important;
        margin-right: 4% !important;
        clear: none !important;
    }

    /* 4. Colonne DROITE (Barre latérale de widgets : ~33% de la largeur) */
    body.home #secondary {
        display: block !important;
        float: right !important;
        width: 33% !important;
        margin-top: 0 !important;
        clear: none !important;
    }

    /* 5. Ajuste la largeur interne des contenus pour occuper tout l'espace de la colonne */
    body.home #primary .entry-header,
    body.home #primary .entry-content {
        width: 100% !important;
        float: none !important;
    }
}