/* Page d'accueil du blog : à charger APRÈS fenial-harmonisee-v3.css (utilise ses variables de couleurs) */

/* Article à la une */
.post-featured{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:0 0 34px}
.post-featured .post-image{display:block;height:100%}
.post-featured .post-image img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover}
.post-featured .post-body{padding:34px 34px 38px;justify-content:center}
.post-featured .post-title{font-size:1.7rem}
.post-featured .post-excerpt{-webkit-line-clamp:unset;display:block;overflow:visible;font-size:1.05rem}

/* Grille des articles */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.post-card .post-image{display:block}
.post-card .post-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}

/* Contenu d'une carte */
.post-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 24px}
.post-date{margin:0 0 6px;font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#666}
.post-title{margin:0 0 10px;font-size:1.2rem;line-height:1.3}
.post-title a{color:var(--green-dark);text-decoration:none}
.post-title a:hover{color:var(--green);text-decoration:underline}
.post-excerpt{margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.post-more{margin-top:auto;align-self:flex-start;padding:10px 20px;font-size:.98rem}

/* Thèmes */
.topics{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}
.topics a{display:block;padding:9px 16px;border:1px solid var(--green);border-radius:999px;color:var(--green-dark);font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.topics a:hover{background:var(--green);color:#fff}

@media(max-width:1000px){.post-grid{grid-template-columns:repeat(2,1fr)}.post-featured{grid-template-columns:1fr}.post-featured .post-image img{min-height:0;aspect-ratio:16/9}.post-featured .post-body{padding:24px 24px 28px}}
@media(max-width:700px){.post-grid{grid-template-columns:1fr}.post-featured .post-title{font-size:1.4rem}.topics a{padding:9px 13px}}

/* Bouton vert Disponibilités et réservations dans le menu */
.main-nav a.nav-book,
.main-nav a[href="reservation.html"] {
    display: inline-block;
    background: var(--green);
    color: #fff;
    padding: 10px 12px;
    border-radius: 3px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 0;
    transition: background .2s ease;
}

.main-nav a.nav-book:hover,
.main-nav a[href="reservation.html"]:hover {
    background: var(--green-dark);
    color: #fff;
}