/*
 Theme Name:   Divi_child
 Template:     Divi
 Version:      1.0
*/
/* === Grille MG === */
.mg-grid {
  display: grid;
  gap: 20px;
}
.mg-cols-2 { grid-template-columns: repeat(2, 1fr); }
.mg-cols-3 { grid-template-columns: repeat(3, 1fr); }
.mg-cols-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 980px) { .mg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .mg-grid { grid-template-columns: 1fr; } }

.mg-card { position: relative; }
.mg-thumb-wrap { display: block; text-decoration: none; }
.mg-thumb { position: relative; overflow: hidden; border-radius: 12px; }
.mg-thumb img { width: 100%; height: auto; display: block; }

.mg-note-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 600;
  background: #111;
  color: #fff;
  border-radius: 999px;
  line-height: 1;
}

.mg-header { margin-top: 12px; }
.mg-title { margin: 0 0 4px; font-size: 1.15rem; line-height: 1.25; }
.mg-title a { text-decoration: none; color: inherit; }
.mg-subtitle { margin: 0 0 6px; font-size: 0.95rem; color: #666; font-weight: 500; }
.mg-note-line { font-size: 0.9rem; color: #333; }
.mg-excerpt { margin-top: 8px; color: #444; font-size: 0.95rem; }