/* ===========================
   ACTUALITÉS — SUGGESTIONS (single)
   =========================== */
/* ====== Grille ====== */
.actu-sugg_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  max-width: 1320px;
  margin: 0 auto;
}
.actu-sugg_grid:has(.actu-sugg_empty) {
  grid-template-columns: 1fr !important;
  justify-items: center;
}

/* ====== Carte ====== */
.actu-sugg_card_container { }
.actu-sugg_card {
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  transition: transform .3s ease;
}
.actu-sugg_card:hover { transform: translateY(-6px); }

/* ====== Image + lien cliquable ====== */
.actu-sugg_image { position: relative; }
.actu-sugg_image_link { display: block; }
.actu-sugg_image img {
  width: 100%;
  height: clamp(280px, 50vh, 290px);
  object-fit: cover;
  display: block;
}
/* Fallback si pas d’image (optionnel) */
.actu-sugg_image_placeholder {
  display: block;
  width: 100%;
  min-height: 200px;
  background: #e9eef5;
}

/* ====== Badge catégorie ====== */
.actu-sugg_badge {
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--oxy_color_7);
  color: var(--oxy_color_6);
  font-family: 'Space Grotesk', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 8px 12px;
  text-transform: uppercase;
  z-index: 3;
  pointer-events: none;
}

/* ====== Séparateurs ====== */
.card-separator-green { width: 100%; align-self: stretch; }
.card-separator-line { border: 0; margin: 0; height: 6px; background-color: var(--oxy_color_7); width: 100%; display: block; }
.card-separator-arrow { display: block; }

/* ====== Contenu ====== */
.actu-sugg_content {
  padding: 2rem 2rem 3rem;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.actu-sugg_title {
  color: var(--oxy_color_6);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.actu-sugg_title a {
  text-decoration: none;
}
.actu-sugg_excerpt {
  color: var(--oxy_color_6);
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

/* Bouton flèche (hérite de tes styles globaux) */
.actu-sugg_card .green_bg_blue_arrow {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* ====== Responsive ====== */
@media (max-width: 1200px) {
  .actu-sugg_grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .actu-sugg_grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .actu-sugg_content { padding: 1.5rem 1.5rem 2.5rem; }
}