/*
 Theme Name:   Twenty Twenty-Four Artiste Child
 Theme URI:    http://example.com/twentytwentyfour-child/
 Description:  Thème enfant pour artiste plasticien.
 Author:       Votre Nom
 Template:     twentytwentyfour
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 Text Domain:  twentytwentyfour-child
*/

/* =Correction Layout (Disposition)
   Force la largeur du contenu principal pour éviter qu'il soit trop étroit
-------------------------------------------------------------- */
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 1200px; /* Élargit le conteneur par défaut */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =Mise en page Portfolio (Grille)
-------------------------------------------------------------- */
.post-type-archive-oeuvre .wp-block-post-template,
.tax-technique .wp-block-post-template {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    list-style: none;
    padding: 0;
    margin-top: 2rem;
}

.post-type-archive-oeuvre .wp-block-post-template li,
.tax-technique .wp-block-post-template li {
    background: #f9f9f9;
    border: 1px solid #eee; /* Ajout bordure subtile */
    /* border-radius supprimé ici, géré plus bas par les classes dynamiques */
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
}

.post-type-archive-oeuvre .wp-block-post-template li:hover,
.tax-technique .wp-block-post-template li:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

/* Images */
.post-type-archive-oeuvre .wp-block-post-featured-image,
.tax-technique .wp-block-post-featured-image {
    margin-bottom: 0;
    width: 100%;
}

.post-type-archive-oeuvre .wp-block-post-featured-image img,
.tax-technique .wp-block-post-featured-image img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    display: block;
}

/* Titres */
.post-type-archive-oeuvre .wp-block-post-title,
.tax-technique .wp-block-post-title {
    font-size: 1.25rem;
    padding: 1rem;
    margin: 0;
    font-family: 'Cardo', serif; /* Force la police serif */
}

.post-type-archive-oeuvre .wp-block-post-title a,
.tax-technique .wp-block-post-title a {
    text-decoration: none;
    color: #111;
}

/* Masquer les éléments inutiles */
.post-type-archive-oeuvre .wp-block-post-excerpt,
.post-type-archive-oeuvre .wp-block-post-date {
    display: none;
}

/* Responsive */
@media (max-width: 1024px) {
    .post-type-archive-oeuvre .wp-block-post-template,
    .tax-technique .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .post-type-archive-oeuvre .wp-block-post-template,
    .tax-technique .wp-block-post-template {
        grid-template-columns: 1fr;
    }
}

/* =Gestion Globale des Coins (Arrondis ou Carrés)
   Piloté par la variable $style_coins dans functions.php
-------------------------------------------------------------- */

/* 1. Option : Coins Carrés (Brut) */
.style-coins-carre .wp-block-post-template li,
.style-coins-carre.single-oeuvre .wp-block-post-featured-image img {
    border-radius: 0 !important;
}

/* 2. Option : Coins Arrondis (Doux) */
/* Sur la grille (Archive) */
.style-coins-arrondi .wp-block-post-template li {
    border-radius: 8px; 
}
/* Sur la fiche oeuvre individuelle */
.style-coins-arrondi.single-oeuvre .wp-block-post-featured-image img {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Petit ombrage élégant pour l'image seule */
}