/* === MISE EN PAGE DES CONFRENCES === */

/* Augmenter la largeur du contenu pour les pages de confrences */
body.post-type-archive-conference {
	    --wp--style--global--content-size: 1400px !important;
}

/* Styling des mtadonnes de confrence */
.conference-meta {
	    background-color: #f9f9f9;
	    border-left: 4px solid var(--wp--preset--color--contrast, #121212);
	    padding: 0.6rem 1rem;
	    margin-bottom: 1rem;
}

.conference-meta p {
	    margin: 0.3rem 0 !important;
	    font-size: 0.95rem;
}

.conference-meta strong {
	    color: var(--wp--preset--color--contrast, #121212);
}

.conference-synthese a.wp-element-button {
	    display: inline-block;
	    margin-top: 0.5rem;
}

/* Contraindre la largeur de conference-meta sur la page individuelle */
body.single-conference .conference-meta {
    max-width: var(--wp--style--global--content-size, 620px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Conteneur de la liste des confrences : grille 4 colonnes */
body.post-type-archive-conference .wp-block-post-template {
	    display: grid !important;
	    grid-template-columns: repeat(4, 1fr) !important;
	    gap: 1rem !important;
	    align-items: stretch !important;
}

/* Tous les lments : mme taille */
body.post-type-archive-conference .wp-block-post-template > li {
	    width: 100% !important;
	    margin: 0 !important;
	    display: flex !important;
	    flex-direction: column !important;
}

/* Groupe interne : padding rduit */
body.post-type-archive-conference .wp-block-post-template > li .wp-block-group {
	    display: flex !important;
	    flex-direction: column !important;
	    height: 100% !important;
	    padding: 1.2rem !important;
	    margin-bottom: 0 !important;
}

/* Images de mme hauteur pour toutes les confrences */
body.post-type-archive-conference .wp-block-post-template > li .wp-block-post-featured-image img {
	    height: 200px !important;
	    object-fit: cover !important;
	    width: 100% !important;
}

/* Titres de mme taille pour toutes les confrences */
body.post-type-archive-conference .wp-block-post-template > li .wp-block-post-title {
	    font-size: 1.2rem !important;
}

/* Extrait tronqu pour toutes les confrences */
body.post-type-archive-conference .wp-block-post-template > li .wp-block-post-content {
	    position: relative !important;
	    max-height: 120px !important;
	    overflow: hidden !important;
	    transition: max-height 0.3s ease !important;
}

body.post-type-archive-conference .wp-block-post-template > li .wp-block-post-content.expanded {
	    max-height: none !important;
}

body.post-type-archive-conference .wp-block-post-template > li .wp-block-post-content::after {
	    content: '' !important;
	    position: absolute !important;
	    bottom: 0 !important;
	    left: 0 !important;
	    right: 0 !important;
	    height: 40px !important;
	    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)) !important;
	    pointer-events: none !important;
}

body.post-type-archive-conference .wp-block-post-template > li .wp-block-post-content.expanded::after {
	    display: none !important;
}

/* Bouton Voir plus */
body.post-type-archive-conference .mecenat-read-more {
    display: none !important;
	    margin-top: 0.5rem !important;
	    padding: 0.5rem 1rem !important;
	    background-color: var(--wp--preset--color--contrast, #121212) !important;
	    color: var(--wp--preset--color--base, #ffffff) !important;
	    border: none !important;
	    border-radius: 0.33rem !important;
	    cursor: pointer !important;
	    font-size: 0.9rem !important;
	    font-family: Georgia, serif !important;
	    transition: background-color 0.2s ease !important;
}

body.post-type-archive-conference .mecenat-read-more:hover {
	    background-color: #333 !important;
}

/* Bouton Voir plus (lien vers la page individuelle) */
.mecenat-read-more {
    display: inline-block !important;
    margin-top: 0.6rem !important;
    padding: 0.4rem 0.8rem !important;
    background-color: var(--wp--preset--color--contrast, #121212) !important;
    color: var(--wp--preset--color--base, #ffffff) !important;
    border: none !important;
    border-radius: 0.33rem !important;
    cursor: pointer !important;
    font-size: 0.8rem !important;
    font-family: Georgia, serif !important;
    transition: background-color 0.2s ease !important;
    text-decoration: none !important;
    align-self: flex-start !important;
}

/* Bouton Détails (wp-block-read-more) - même style que mecenat-read-more */
body.post-type-archive-conference .wp-block-read-more {
    display: inline-block !important;
    margin-top: 0.6rem !important;
    padding: 0.4rem 0.8rem !important;
    background-color: var(--wp--preset--color--contrast, #121212) !important;
    color: var(--wp--preset--color--base, #ffffff) !important;
    border: none !important;
    border-radius: 0.33rem !important;
    cursor: pointer !important;
    font-size: 0.8rem !important;
    font-family: Georgia, serif !important;
    transition: background-color 0.2s ease !important;
    text-decoration: none !important;
    align-self: flex-start !important;
}

body.post-type-archive-conference .wp-block-read-more:hover {
    background-color: #333 !important;
}

/* Responsive : sur tablette, 2 colonnes */
@media (max-width: 1024px) {
	body.post-type-archive-conference .wp-block-post-template {
		        grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* Responsive : sur mobile, colonne unique */
@media (max-width: 600px) {
	body.post-type-archive-conference .wp-block-post-template {
		        grid-template-columns: 1fr !important;
	}
}
	}
}
	}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}