/* UDT26 — styles page programme */

.prog-page{background:var(--paper)}

.prog-hero{
  background:var(--rose);
  background:var(--grad-sun);color:#fff;text-align:center;
  padding:130px 22px 70px;
}
.prog-hero h1{
  color:#fff;
  font-family:var(--font-display);font-weight:900;text-transform:uppercase;
  font-size:clamp(2.4rem,7vw,4rem);margin:.2rem 0 .6rem;
}
.prog-hero .eyebrow{color:rgba(255,255,255,.9)}
.prog-hero .lead{color:rgba(255,255,255,.95)}

/* Onglets jours */
.day-tabs{
  display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.6rem;
}
.day-tab{
  display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;
  background:var(--white);border:2px solid rgba(108,74,214,.12);
  border-radius:var(--radius-sm);padding:.8rem 1.4rem;cursor:pointer;
  font-family:var(--font-body);text-align:left;transition:all .2s;color:var(--ink);
}
.day-tab strong{font-family:var(--font-display);font-size:1.1rem}
.day-tab span{font-size:.85rem;color:var(--ink-soft)}
.day-tab:hover{border-color:var(--rose)}
.day-tab.active{
  background:var(--grad-btn);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm);
}
.day-tab.active span{color:rgba(255,255,255,.9)}

/* En-tête jour */
.day-head h2{text-align:center;color:var(--rose-d);margin-bottom:1.8rem}

/* Créneaux */
.slots{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}
.slot{
  display:grid;grid-template-columns:88px 1fr;gap:1.2rem;align-items:start;
  background:var(--white);border-radius:var(--radius);padding:1.3rem 1.5rem;
  box-shadow:var(--shadow-sm);border-left:5px solid var(--violet);
}
.slot-time{
  font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--rose-d);
  padding-top:.15rem;
}
.slot-body h3{margin:.25rem 0 .35rem;font-size:1.15rem}
.slot-type{
  display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;color:var(--rose);
}
.slot-meta{margin:0;font-size:.92rem;color:var(--ink-soft)}

/* Couleurs par type */
.slot-pleniere{border-left-color:var(--rose)}
.slot-pleniere .slot-time,.slot-pleniere .slot-type{color:var(--rose)}
.slot-atelier{border-left-color:var(--violet)}
.slot-conference{border-left-color:var(--orange)}
.slot-conference .slot-time,.slot-conference .slot-type{color:var(--orange)}
.slot-debat{border-left-color:var(--rouge)}
.slot-debat .slot-time,.slot-debat .slot-type{color:var(--rouge)}
.slot-pause{border-left-color:var(--jaune);background:var(--paper-2)}
.slot-pause .slot-time,.slot-pause .slot-type{color:#c98a00}
.slot-convivial{border-left-color:#3bb27a}
.slot-convivial .slot-time,.slot-convivial .slot-type{color:#2e9c68}

@media(max-width:520px){
  .slot{grid-template-columns:64px 1fr;gap:.8rem;padding:1.1rem}
  .slot-time{font-size:1rem}
}