/*
Theme Name: Twenty Seventeen Child - Tailleur de Web
Theme URI: https://www.tailleur-de-web.fr/
Description: Thème enfant sur-mesure pour Tailleur de Web (v0.8).
Author: Tailleur de Web
Author URI: https://www.tailleur-de-web.fr/
Template: twentyseventeen
Version: 2.1.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: twentyseventeen-child
*/

/* ==========================================================================
   1. Débrider tous les conteneurs englobants (Accueil, Pages, Articles)
   ========================================================================== */
.home .site-content-contain,
.home .site-content,
.home .wrap,
.home #primary,
.home #main,
.home article,
.home .entry-content,
.page .site-content-contain,
.page .site-content,
.page .wrap,
.page #primary,
.page #main,
.page article,
.page .entry-content,
.single-post .site-content-contain,
.single-post .site-content,
.single-post .wrap,
.single-post #primary,
.single-post #main,
.single-post article,
.single-post .entry-content {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ==========================================================================
   2. Appliquer les règles du wrap d'origine aux éléments structurels
   ========================================================================== */
.home .navigation-top .wrap,
.home .site-header .wrap,
.home .site-footer .wrap,
.home .entry-header,
.home .entry-footer,
.home .entry-meta,
.home .navigation.post-navigation,
.home aside,
.page .navigation-top .wrap,
.page .site-header .wrap,
.page .site-footer .wrap,
.page .entry-header,
.page .entry-footer,
.page .entry-meta,
.page .navigation.post-navigation,
.page aside,
.single-post .navigation-top .wrap,
.single-post .site-header .wrap,
.single-post .site-footer .wrap,
.single-post .entry-header,
.single-post .entry-footer,
.single-post .entry-meta,
.single-post .navigation.post-navigation,
.single-post aside {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 700px !important;
    padding-left: 2em !important;
    padding-right: 2em !important;
    box-sizing: border-box;
}

/* Adaptation responsive pour grand écran */
@media screen and (min-width: 48em) {
    .home .navigation-top .wrap,
    .home .site-header .wrap,
    .home .site-footer .wrap,
    .home .entry-header,
    .page .navigation-top .wrap,
    .page .site-header .wrap,
    .page .site-footer .wrap,
    .page .entry-header,
    .single-post .navigation-top .wrap,
    .single-post .site-header .wrap,
    .single-post .site-footer .wrap,
    .single-post .entry-header {
        max-width: 1000px !important;
    }
}

/* ==========================================================================
   3. Contenu standard (paragraphes, titres, listes dans l'article)
   ========================================================================== */
.home .entry-content > *:not(.alignwide):not(.alignfull):not(.wp-block-columns):not(.wp-block-cover):not(.wp-block-group),
.page .entry-content > *:not(.alignwide):not(.alignfull):not(.wp-block-columns):not(.wp-block-cover):not(.wp-block-group),
.single-post .entry-content > *:not(.alignwide):not(.alignfull):not(.wp-block-columns):not(.wp-block-cover):not(.wp-block-group),
.recent-posts .entry-summary {
    max-width: 700px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

/* ==========================================================================
   4. Blocs Grande Largeur (alignwide)
   ========================================================================== */
.home .entry-content .alignwide,
.page .entry-content .alignwide,
.single-post .entry-content .alignwide {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

/* ==========================================================================
   5. Blocs Pleine Largeur (alignfull)
   ========================================================================== */
.home .entry-content .alignfull,
.page .entry-content .alignfull,
.single-post .entry-content .alignfull {
    max-width: 100% !important;
    width: 100% !important;
}

/* ==========================================================================
   6. Colonnes Gutenberg côte à côte
   ========================================================================== */
.home .wp-block-columns,
.page .wp-block-columns,
.single-post .wp-block-columns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px;
    padding-right: 20px;
    gap:3em;
    box-sizing: border-box;
}

.home .wp-block-column,
.page .wp-block-column,
.single-post .wp-block-column {
    flex: 1 1 0% !important;
    width: 100% !important;
    padding : 20px ;
}




/* ==========================================================================
   7. Liste des pages filles pour les pages mères
   ========================================================================== */

.liste-pages-filles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.bloc-page-fille {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.bloc-page-fille__image img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.bloc-page-fille__contenu {
    padding: 15px;
}

.bloc-page-fille__titre {
    margin: 0 0 10px 0;
    font-size: 1.2em;
}

.bloc-page-fille__titre a {
    text-decoration: none;
    color: inherit;
}

.bloc-page-fille__titre a:hover {
    text-decoration: underline;
}