/* ===== Countdown "flat cards" ===== */

.oe-countdown{ display:flex; justify-content:center; margin:.75rem auto 1rem; }
.oe-countdown__label{ display:none !important; } /* on masque "Temps restant" */

/* Grille des cartes */
.oe-cd{ display:flex; gap:20px; flex-wrap:wrap; justify-content:center; align-items:center;
        font-family: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; }

/* Carte */
.oe-cd__box{
  background:#35adc7; color:#fff; border-radius:12px;
  padding:18px 14px; min-width:86px; text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,.26);
  transition:transform .25s ease, background .25s ease;
}
.oe-cd__box:hover{ transform:translateY(-4px); background:#242424; }

/* Chiffres */
.oe-cd__num{
  display:block; font-weight:800;
  font-variant-numeric: tabular-nums;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing:.5px; line-height:1; margin-bottom:6px;
  font-size: clamp(28px, 6vw, 40px);
}

/* Libellé */
.oe-cd__lab{ font-size:.82rem; text-transform:uppercase; letter-spacing:.5px; color:#cfcfcf; }

/* Responsive resserré */
@media (max-width:600px){
  .oe-cd{ gap:10px; }
  .oe-cd__box{ min-width:78px; padding:14px 12px; }
}

/* Thème clair auto (si le site est clair) */
@media (prefers-color-scheme: light){
  .oe-cd__box{ background:#35adc7; }            /* bleu nuit */
  .oe-cd__lab{ color:#d1d5db; }
}