/* ==========================================================================
   WATT & DÉCO | Blog (blog géré par l'admin). Charge en plus de style.css.
   Réutilise les variables du design system (nuit + halo).
   ========================================================================== */

.grille-journal{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:22px;
}
.carte-journal{
  display:flex;flex-direction:column;
  background:var(--nuit-carte);
  border:1px solid var(--filet);
  border-radius:var(--rayon-doux);
  overflow:hidden;text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .3s ease;
}
.carte-journal:hover{
  transform:translateY(-3px);
  border-color:var(--filet-fort);
  box-shadow:0 18px 40px rgba(0,0,0,.4),0 0 30px var(--lueur-large);
  color:inherit;
}
.carte-journal-visuel{
  display:block;height:180px;position:relative;
  background:#1a150d center/cover no-repeat;
}
.carte-journal-lueur{
  position:absolute;inset:0;
  background:radial-gradient(120% 90% at 50% 0%,rgba(244,183,64,.22),transparent 60%),
    linear-gradient(135deg,#211b12,#14110c);
}
.carte-journal-corps{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px}
.carte-journal-cat{
  font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--halo);
}
.carte-journal-titre{
  font-family:var(--serif);font-size:1.28rem;line-height:1.2;color:var(--creme);
}
.carte-journal-extrait{color:var(--creme-doux);font-size:.95rem;line-height:1.6}
.carte-journal-date{margin-top:4px;font-size:.82rem;color:var(--creme-sourd)}

.journal-rubriques{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.journal-rubriques a{
  padding:8px 16px;border:1px solid var(--filet);border-radius:40px;
  color:var(--creme-doux);font-size:.9rem;font-weight:500;text-decoration:none;
  transition:all .2s ease;
}
.journal-rubriques a:hover{border-color:var(--halo);color:var(--halo-clair);box-shadow:0 0 14px var(--lueur-large)}

.journal-vide{color:var(--creme-doux);font-size:1.05rem;text-align:center;padding:40px 0}

/* ---- Article ---- */
.article-journal{max-width:780px;margin:0 auto;padding:18px 0 40px}
.article-journal-tete{margin-bottom:26px}
.article-journal-tete h1{
  font-size:clamp(2rem,4.6vw,2.9rem);color:var(--creme);margin:14px 0 12px;line-height:1.15;
}
a.scene-eclat{text-decoration:none}
a.scene-eclat:hover{color:var(--halo-vif)}
.article-journal-meta{color:var(--creme-sourd);font-size:.92rem}
.article-journal-une{margin:0 0 30px}
.article-journal-une img{width:100%;height:auto;border-radius:var(--rayon-doux);border:1px solid var(--filet)}

.article-journal-corps{font-size:1.06rem;line-height:1.85;color:var(--creme)}
.article-journal-corps h2{font-size:1.75rem;color:var(--creme);margin:42px 0 14px;font-family:var(--serif)}
.article-journal-corps h3{font-size:1.3rem;color:var(--halo-clair);margin:30px 0 10px;font-family:var(--serif)}
.article-journal-corps p{margin:0 0 18px}
.article-journal-corps a{color:var(--halo-clair);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--filet-fort)}
.article-journal-corps a:hover{text-decoration-color:var(--halo)}
.article-journal-corps ul,.article-journal-corps ol{padding-left:1.2em;margin:0 0 18px}
.article-journal-corps li{margin-bottom:9px}
.article-journal-corps li::marker{color:var(--halo)}
.article-journal-corps img{max-width:100%;height:auto;border-radius:var(--rayon);margin:6px 0}
.article-journal-corps img.img-petite{max-width:280px}
.article-journal-corps img.img-moyenne{max-width:480px}
.article-journal-corps img.img-grande{max-width:720px}
.article-journal-corps img.img-centre{display:block;margin-left:auto;margin-right:auto}
.article-journal-corps img.img-gauche{float:left;margin:.4em 1.4em 1em 0}
.article-journal-corps img.img-droite{float:right;margin:.4em 0 1em 1.4em}
.article-journal-corps blockquote{
  margin:24px 0;padding:14px 22px;border-left:3px solid var(--halo);
  background:var(--nuit-voile);border-radius:var(--rayon);color:var(--creme-doux);font-style:italic;
}
.article-journal-retour{max-width:780px;margin:0 auto;text-align:center}