/* ===== Base ===== */
.actu-wrap{display:grid;gap:32px;align-items:start}
.actu-filters{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px}
.af-group{margin-bottom:18px}
.af-group > h4{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;opacity:.9}
.af-check{display:block;margin:8px 0;font-size:15px}
.af-reset{margin-top:6px;border:1px solid #ddd;border-radius:10px;padding:8px 12px;background:#fafafa;cursor:pointer}

.af-loader{text-align:center;margin-top:16px}
.af-more{margin:20px auto 0;display:none;padding:10px 16px;border-radius:12px;border:1px solid #ddd;background:#fff;cursor:pointer}

/* Cartes actus */
.actu-grid-inner{display:grid;gap:22px}
.actu-card{background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.actu-thumb{display:block;aspect-ratio:4/3;overflow:hidden}
.actu-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.actu-thumb:hover img{transform:scale(1.03)}
.actu-title{font-size:16px;line-height:1.4;padding:12px 14px;margin:0}
.actu-title a{text-decoration:none}
.actu-meta{padding:0 14px 16px;color:#666;font-size:13px}
.actu-placeholder{background:#f2f2f2;width:100%;height:100%}
.af-empty{padding:20px;border:1px dashed #ddd;border-radius:12px;text-align:center}

/* ===== Desktop (≥ 981px) : 30% filtres / 70% résultats + 2 colonnes de cases + grille 3 colonnes ===== */
@media (min-width:981px){
  .actu-wrap{grid-template-columns:30% 70%}
  .actu-filters{position:sticky;top:16px}

  /* Titre + petite barre */
  .actu-filters .af-group > h4{
    position:relative;padding-bottom:10px
  }
  .actu-filters .af-group > h4::after{
    content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#e9ecef;border-radius:2px
  }

  /* ✅ les options en 2 colonnes : on cible le conteneur créé par l’accordéon (.af-body) */
  .actu-filters .af-group .af-body{
    display:grid;grid-template-columns:1fr 1fr;gap:8px 24px
  }
  .actu-filters .af-group .af-body .af-check{
    display:flex;align-items:center;gap:10px;margin:6px 0;line-height:1.3
  }

  /* Grille actus en 3 colonnes */
  .actu-grid-inner{grid-template-columns:repeat(3,1fr)}
}

/* ===== Tablette (641px–980px) : 2 colonnes d'actus ===== */
@media (max-width:980px) and (min-width:641px){
  .actu-grid-inner{grid-template-columns:repeat(2,1fr)}
}

/* ===== Mobile (≤ 640px) : 1 colonne d'actus ===== */
@media (max-width:640px){
  .actu-grid-inner{grid-template-columns:1fr}
}

/* ===== Accordéons sur mobile/tablette (≤ 980px) ===== */
@media (max-width:980px){
  .actu-filters{padding:0;border:none;background:transparent}
  .actu-filters .af-group{
    margin:12px 0 0;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;background:#fff
  }
  /* En-têtes cliquables */
  .actu-filters .af-group.is-collapsible > h4{
    margin:0;padding:14px 16px;font-size:14px;letter-spacing:.02em;text-transform:uppercase;
    background:#0a0a0a;color:#fff;cursor:pointer;position:relative
  }
  .actu-filters .af-group.is-collapsible > h4::after{
    content:"";position:absolute;right:14px;top:50%;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:translateY(-50%) rotate(45deg);transition:transform .2s ease;opacity:.9
  }
  .actu-filters .af-group.open > h4::after{transform:translateY(-50%) rotate(-135deg)}
  .actu-filters .af-group .af-body{padding:12px 16px 14px;background:#fff}
  .actu-filters .af-check{display:flex;align-items:center;gap:10px;margin:8px 0}
  .actu-filters #af-reset{display:block;width:100%;margin:14px 0 0;border:1px solid #e9ecef;border-radius:10px;padding:10px 14px;background:#fff}
}