/* ═══════════════════════════════════════
   CHRONIQUES — css/chroniques.css
   Liste des articles / page blog
   ═══════════════════════════════════════ */


.chronicles-articles {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: 4rem 2rem 6rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
}

/* ═══ CARTE ARTICLE ═══ */
.chron-card {
  display: flex;
  flex-direction: column;
  background: #faf7f2;
  border: 1px solid #e8e0d0;
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease;
}
.chron-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(40,25,8,.1);
}

/* ═══ IMAGE ═══ */
.chron-card-img-wrap {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #1a1208;
}
.chron-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  display: block;
  transition: transform .5s ease;
}
.chron-card:hover .chron-card-img { transform: scale(1.04); }
.chron-card-img--zoomed { transform: scale(1.45); object-position: center 42%; }
.chron-card:hover .chron-card-img--zoomed { transform: scale(1.5); }

/* ═══ PLACEHOLDER (si pas d'image) ═══ */
.chron-card-img-placeholder {
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse 60% 50% at 55% 45%, rgba(201,165,84,.22), transparent 65%),
    linear-gradient(135deg, #1c1408, #0d0a05);
  display: flex;
  align-items: center;
  justify-content: center;
}
.chron-card-img-placeholder svg { width: 40px; height: 40px; opacity: .22; }

/* ═══ CORPS ═══ */
.chron-card-body {
  padding: 1.6rem 1.8rem 2rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.chron-card-cat {
  display: block;
  font-family: 'Cinzel', serif;
  font-size: .55rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #6b4f1e;
  margin-bottom: .9rem;
}
.chron-card-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 600;
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  line-height: 1.3;
  color: #1a1208;
  margin-bottom: .8rem;
}
.chron-card-desc {
  font-family: 'Spectral', Georgia, serif;
  font-weight: 400;
  font-size: .95rem;
  line-height: 1.8;
  color: #5a4a32;
  margin-bottom: 1.4rem;
  flex: 1;
}
.chron-card-meta {
  font-family: 'Cinzel', serif;
  font-size: .62rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: #7a5c2e;
}

/* ═══ ORNEMENT SÉPARATEUR ═══ */
.chron-divider {
  text-align: center;
  padding: 3rem 0 0;
}
.chron-divider-ornament {
  width: clamp(220px, 38vw, 420px);
  opacity: .22;
  filter: sepia(1) saturate(.5) brightness(.38) hue-rotate(-6deg);
  display: block;
  margin: 0 auto;
}

/* ═══ REVEAL AU SCROLL ═══ */
.chron-card.reveal-ready {
  opacity: 0;
  transform: translateY(64px) scale(.93);
  filter: blur(8px);
  transition:
    opacity 1.1s cubic-bezier(.16,1,.3,1),
    transform 1.2s cubic-bezier(.16,1,.3,1),
    filter  .85s cubic-bezier(.16,1,.3,1);
}
.chron-card.reveal-ready.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0px);
}
@media (prefers-reduced-motion: reduce) {
  .chron-card.reveal-ready { opacity: 1; transform: none; filter: none; transition: none; }
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 600px) {
  .chronicles-articles { padding: 3rem 1.2rem 4rem; gap: 1.4rem; }
}