/* Styles complémentaires du plugin PDM Événements & Compte à rebours.
   Les styles de base de .pdm-countdown sont définis par le thème PDM Danxômè ;
   ce fichier garantit un rendu correct même avec un autre thème. */

.pdm-countdown{
  display:flex; gap:14px; flex-wrap:wrap;
}
.pdm-countdown .pdm-cd-box{
  background: rgba(0,0,0,.06);
  border:1px solid rgba(201,162,39,.5);
  border-radius:6px;
  width:88px; text-align:center; padding:14px 0;
}
.pdm-countdown .pdm-cd-num{
  font-size:1.9rem; font-weight:700; color:#A8522B;
  display:block; line-height:1;
}
.pdm-countdown .pdm-cd-label{
  font-size:.66rem; text-transform:uppercase; letter-spacing:.08em; color:#6b6053;
}
.pdm-cd-ended{ font-weight:700; color:#A8522B; }

.pdm-events-list-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.pdm-event-list-item{ border:1px solid #E7DCC9; border-radius:4px; overflow:hidden; }
.pdm-event-list-item img{ width:100%; aspect-ratio:4/3; object-fit:cover; }
.pdm-event-list-item h3{ font-size:1rem; margin:14px 14px 4px; }
.pdm-event-date, .pdm-event-location{ margin:0 14px 10px; font-size:.85rem; color:#5b544b; }

.pdm-elementor-countdown h3{ margin-bottom:12px; }
.pdm-elementor-countdown .pdm-btn{ margin-top:18px; display:inline-block; }

@media (max-width:782px){
  .pdm-events-list-grid{ grid-template-columns:1fr; }
}