/* ====== LISTE EN 3 COLONNES ====== */
.necrologie-wrapper{margin:24px}
.necrologie-wrapper .admin-top{margin-bottom:16px}
.necrologie-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(260px,1fr));
  gap:32px;
}
@media (max-width: 1024px){
  .necrologie-grid{grid-template-columns: repeat(2, minmax(260px,1fr));}
}
@media (max-width: 640px){
  .necrologie-grid{grid-template-columns: 1fr;}
}
.necrologie-card{
  display:flex; gap:16px; align-items:flex-start; cursor:pointer;
  padding:12px; border:1px solid #e5e7eb; border-radius:10px; background:#fff;
  transition: box-shadow .2s, transform .1s;
}
.necrologie-card:hover{ box-shadow:0 6px 20px rgba(0,0,0,.06); transform:translateY(-1px); }
.necro-photo{width:110px;height:110px;object-fit:cover;border-radius:8px;display:block}
.necrog-empty-photo{width:110px;height:110px;border-radius:8px;background:#e5e7eb}
.necrologie-card .info h3{margin:0 0 6px;font-size:20px;line-height:1.2}
.no-items{opacity:.7}

.btn{display:inline-block;padding:6px 10px;border-radius:6px;border:1px solid #d1d5db;text-decoration:none}
.btn.primary{border-color:#2563eb}
.btn.danger{border-color:#ef4444}

/* ====== MODAL POPUP ====== */
.necro-modal{position:fixed;inset:0;display:none;z-index:9999}
.necro-modal.open{display:block}
.necro-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;animation:fadeIn .2s forwards}
.necro-dialog{
  position:absolute; inset:auto; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(960px, 92vw); max-height:90vh; overflow:auto; background:#fff; border-radius:14px;
  padding:20px; box-shadow:0 15px 50px rgba(0,0,0,.2);
  opacity:0; animation:fadeIn .25s forwards;
}
@keyframes fadeIn { from{opacity:0} to{opacity:1} }

.necro-close{position:absolute; right:10px; top:10px; border:none; background:transparent; font-size:28px; cursor:pointer; line-height:1}

.necro-modal-grid{
  display:grid; gap:20px;
  grid-template-columns: 240px 1fr;
  grid-template-areas: "photo info" "bio bio";
}
.modal-photo{ grid-area: photo; }
.modal-info{ grid-area: info; }
.modal-bio{ grid-area: bio; border-top:1px solid #eee; padding-top:12px; }
.necro-photo-lg{width:240px;height:240px;object-fit:cover;border-radius:10px;display:block}
.necrog-empty-photo-lg{width:240px;height:240px;border-radius:10px;background:#e5e7eb}

.modal-info h2{margin:0 0 8px;font-size:26px}
.modal-bio h3{margin:8px 0 10px;font-size:18px}
.admin-buttons{margin-top:12px}