/**
 * Theme Name: Vigor Child
 * Theme URI:  http://demo.edge-themes.com/vigor
 * Description: Vigor
 * Author:     Edge Themes
 * Author URI: http://demo.edge-themes.com
 * Template:   vigor
 * Version:    1.0.0
 * License:    GNU General Public License v2 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 * Tags:       blog, portfolio, lifestyle, personal, shop, simple, design, modern, clean, vintage, fashion, art, white, stylish, elegant
 * Text Domain: vigor-child
 * Generated by WPMasterToolKit
 * @link https://wordpress.org/plugins/wpmastertoolkit/
 */

@import url("../vigor/style.css");
:root{
  /* Ajuste si besoin, mais on est très proche de ton rendu */
  --si-turquoise: #13b7c6;
  --si-green: #7bbf2a;
  --si-green-2: #6fb423;
  --si-text: #0f172a;
  --si-radius: 18px;
}

.si-news{
  max-width: 1180px;
  margin: 36px auto 60px;
  padding: 0 18px;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.si-news__title{
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  color: var(--si-turquoise);
  margin: 10px 0 26px;
}

.si-news__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

@media (max-width: 980px){
  .si-news__grid{ grid-template-columns: 1fr; }
}

.si-news-card{
  display: block;
  text-decoration: none;
  background: #fff;
  border: 2px solid var(--si-green);
  border-radius: var(--si-radius);
  padding: 26px 26px 30px;
  min-height: 170px;
  transition: transform .18s ease, box-shadow .18s ease;
}

.si-news-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, .12);
}

/* Catégorie en haut à gauche */
.si-news-card__cat{
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 22px;
}

/* Date centrée en vert */
.si-news-card__date{
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: var(--si-green-2);
  margin-bottom: 10px;
}

/* Titre centré */
.si-news-card__title{
  text-align: center;
  color: #0b0f1a;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;

  /* option : limiter si titres longs */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}