/* Blog — thème moderna (cartes, article, compteurs, galerie, formulaire) */
.blog-card .blog-card-cover{ display:block; aspect-ratio:16/9; overflow:hidden; background:var(--parchment); }
.blog-card .blog-card-cover img{ width:100%; height:100%; object-fit:cover; }
.blog-card .card-body{ padding:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-2); flex:1; }
.blog-card-title{ font-family:var(--font-display); font-size:var(--text-md); line-height:1.25; margin:0; }
.blog-card-title a{ color:var(--ink); text-decoration:none; }
.blog-card-title a:hover{ color:var(--violet); }
.blog-card-meta{ font-size:var(--text-sm); color:#6E6278; margin:0; }
.blog-card-excerpt{ color:#3F3349; margin:0; }
.blog-card-tags{ display:flex; flex-wrap:wrap; gap:.4rem; margin:var(--sp-2) 0 0; font-size:var(--text-sm); }
.blog-card-tags a{ color:var(--violet); text-decoration:none; background:rgba(85,17,102,.08); padding:.15rem .55rem; border-radius:var(--r-pill); }
.blog-counters{ display:flex; gap:var(--sp-4); margin-top:auto; padding-top:var(--sp-3); border-top:1px solid var(--line); font-size:var(--text-sm); color:#6E6278; font-weight:600; }

.blog-flash{ background:#F7F1FA; border:1px solid var(--line-strong); border-radius:var(--r-md); padding:var(--sp-3) var(--sp-4); margin-bottom:var(--sp-5); }

.blog-article{ max-width:48rem; }
.blog-article-head h1{ font-family:var(--font-display); font-size:var(--text-2xl); line-height:1.12; color:var(--aubergine); margin:var(--sp-3) 0 var(--sp-2); }
.blog-article-cover{ margin:var(--sp-5) 0; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-md); }
.blog-article-cover img{ width:100%; max-height:28rem; object-fit:cover; }
.blog-article-lede{ font-size:var(--text-md); color:#3F3349; font-style:italic; border-left:4px solid var(--amber); padding-left:var(--sp-4); }
.blog-article-body{ font-size:var(--text-md); line-height:1.75; white-space:pre-line; }
.blog-gallery{ display:grid; grid-template-columns:repeat(auto-fill, minmax(9rem, 1fr)); gap:var(--sp-3); margin:var(--sp-6) 0; }
.blog-gallery img{ width:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--r-md); }

.blog-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-2); margin:var(--sp-6) 0; padding:var(--sp-4) 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.blog-action{ display:inline-flex; align-items:center; gap:.35rem; background:var(--paper); border:1px solid var(--line-strong); border-radius:var(--r-pill); padding:.45rem .9rem; font-weight:600; color:var(--aubergine); text-decoration:none; cursor:pointer; font-size:var(--text-sm); }
.blog-action.is-on{ background:var(--violet); border-color:var(--violet); color:#fff; }
.blog-action.is-static{ cursor:default; }
.blog-share{ display:inline-flex; flex-wrap:wrap; gap:var(--sp-2); margin-left:auto; }
.blog-share .btn{ padding:.45rem .9rem; font-size:var(--text-sm); }
.blog-comments{ margin-top:var(--sp-6); }

.blog-form .form-row-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-4); }
.blog-form .blog-preview{ display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-top:var(--sp-2); }
.blog-form .blog-preview img{ width:5.5rem; height:5.5rem; object-fit:cover; border-radius:var(--r-sm); border:1px solid var(--line); }
.blog-form .blog-counter{ float:right; font-size:.75rem; color:#958AA0; }
@media (max-width: 720px){
  .blog-form .form-row-3, .blog-form .form-row{ grid-template-columns:1fr; }
  .blog-share{ margin-left:0; }
}