/*
 Theme Name:   JPPJ
 Theme URI:    https://jppj.fr/
 Description:  Thème enfant
 Author:       JPPJ
 Template:     astra
 Version:      1.0.0
*/

/* ======== Grille responsive ======== */
.pages-tags-similaires {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Desktop : 3 colonnes */
    gap: 24px;
    width: 100%;
}

/* Cartes */
.pages-tags-similaires .item-similaire {
    padding: 18px;
    border-radius: 0px;
    border: 1px solid #e5e5e5;
    background:#fff;
    display:flex;
    flex-direction:column;
    gap:10px;
    width: 100%; /* forcer largeur pour iPad/iPhone */
}

/* Liens et titres */
.pages-tags-similaires a {
    text-decoration:none !important;
}
.pages-tags-similaires h3 {
    font-size:1.15rem;
    margin:0;
    text-decoration:none !important;
}

/* Extrait */
.pages-tags-similaires .excerpt-similaire {
    font-size:0.95rem;
    opacity:0.8;
    line-height:1.4;
    flex-grow:1;
}

/* Bouton */
.pages-tags-similaires .btn-lire-suite {
    display:inline-block;
    padding:8px 14px;
    border-radius:0px;
    background:#FFAE24;
    color:#000;
    text-decoration:none;
    font-size:0.9rem;
    transition:0.25s;
	text-transform: uppercase;
	text-align: center;
}
.pages-tags-similaires .btn-lire-suite:hover {
    background:#FFAE24;
    color:#000;
}

/* Image */
.pages-tags-similaires .similaire-img {
    width: 100%;
    height: auto;
    border-radius: 0px;
    margin-bottom: 10px;
    display:block;
}

/* ===== Responsive ===== */

/* Tablettes (iPad) → 2 colonnes + masquer 3ème carte */
@media screen and (max-width:1024px){
    .pages-tags-similaires {
        grid-template-columns: repeat(2, 1fr);
    }
    .pages-tags-similaires .item-similaire:nth-child(n+3){
        display: none;
    }
}

/* Mobiles / petits iPad / iPhone → 1 colonne + 2 cartes seulement */
@media screen and (max-width:760px){
    .pages-tags-similaires {
        grid-template-columns: 1fr;
    }
    .pages-tags-similaires .item-similaire:nth-child(n+3){
        display: none;
    }
}