/*
 * Bandeau cours mobile — calendrier graphique.
 * Source unique mobile/tablette pour jour, date, mois, heure, anneaux et pli.
 */
@media (max-width:1050px){
  .course-heading-row.calendar-heading > .calendar-sheet{
    grid-column:1;position:relative;left:auto;top:auto;margin:0;justify-self:start;align-self:center;
    width:87px;max-width:87px;height:138px;border-radius:13px;background:#fff;
    box-shadow:0 9px 18px rgba(0,0,0,.20);overflow:visible;z-index:1;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }
  .course-heading-row.calendar-heading .calendar-weekday,
  .course-heading-row.calendar-heading .calendar-time{
    position:relative;z-index:3;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(#e5342d,#cf251f);color:#fff;font-weight:900;letter-spacing:.02em;
  }
  .course-heading-row.calendar-heading .calendar-weekday{
    height:32px;border-radius:13px 13px 0 0;font-size:17px;line-height:1;text-transform:uppercase;
  }
  .course-heading-row.calendar-heading .calendar-paper{
    position:relative;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:linear-gradient(100deg,#fff 0%,#fff 72%,#f7f7f7 100%);overflow:hidden;
  }
  .course-heading-row.calendar-heading .calendar-day{
    margin-top:-3px;font-size:43.5px;line-height:.9;font-weight:900;color:#111820;letter-spacing:-.045em;
  }
  .course-heading-row.calendar-heading .calendar-month{
    position:relative;z-index:3;margin-top:6px;font-size:13.5px;line-height:1;font-weight:850;color:#161b24;text-transform:uppercase;
  }
  .course-heading-row.calendar-heading .calendar-time{
    height:31px;border-radius:0 0 13px 13px;font-size:21px;font-weight:900;
  }
  .course-heading-row.calendar-heading .calendar-ring{
    position:absolute;z-index:5;top:-13px;width:5px;height:18px;border-radius:5px;
    background:linear-gradient(90deg,#555,#bbb 45%,#555);box-shadow:0 2px 3px rgba(0,0,0,.35);
  }
  .course-heading-row.calendar-heading .calendar-ring::after{
    content:"";position:absolute;left:1px;bottom:-2px;width:5px;height:5px;border-radius:50%;background:#666;opacity:.35;
  }
  .course-heading-row.calendar-heading .ring-left{left:31px;}
  .course-heading-row.calendar-heading .ring-right{right:31px;}
  .course-heading-row.calendar-heading .calendar-fold{
    position:absolute;right:-1px;bottom:-1px;width:27px;height:27px;z-index:1;
    background:linear-gradient(135deg,#e5e5e5 0 48%,#fff 50% 100%);
    border-radius:0 0 0 18px;box-shadow:-3px -2px 5px rgba(0,0,0,.08);
  }
  .course-heading-row.calendar-heading .calendar-fold::before{
    content:"";position:absolute;inset:0;background:linear-gradient(315deg,rgba(0,0,0,.10),transparent 52%);border-radius:0 0 0 18px;
  }
}
@media (max-width:700px){
  .course-heading-row.calendar-heading > .calendar-sheet{height:107px;border-radius:11px;}
  .course-heading-row.calendar-heading .calendar-weekday{height:25px;border-radius:11px 11px 0 0;font-size:14px;}
  .course-heading-row.calendar-heading .calendar-paper{height:59px;}
  .course-heading-row.calendar-heading .calendar-day{font-size:34px;}
  .course-heading-row.calendar-heading .calendar-month{margin-top:5px;font-size:10.5px;}
  .course-heading-row.calendar-heading .calendar-time{height:23px;border-radius:0 0 11px 11px;font-size:18px;}
  .course-heading-row.calendar-heading .calendar-ring{top:-10px;width:5px;height:14px;}
  .course-heading-row.calendar-heading .ring-left{left:23px;}
  .course-heading-row.calendar-heading .ring-right{right:23px;}
  .course-heading-row.calendar-heading .calendar-fold{width:21px;height:21px;}
}
@media (max-width:430px){
  .course-heading-row.calendar-heading .calendar-time{font-size:17px;}
}