/*
 * Bandeau cours mobile — identité commune aux modes Pointage, Réservation et Historique.
 * Source unique pour : type de cours, professeur et mnémonique de mode.
 * Aucune priorité forcée.
 */

@keyframes mobilePointageBlinkV351{
  0%,100%{opacity:1}
  50%{opacity:.28}
}

@media (max-width:1050px){
  .course-heading-row.calendar-heading > .course-title-block{
    grid-column:2;
    width:100%;
    max-width:none;
    min-width:0;
    min-height:0;
    height:auto;
    align-self:stretch;
    justify-self:stretch;
    margin:0;
    padding:6px 0;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto minmax(26px,auto);
    align-content:start;
    justify-items:start;
    row-gap:5px;
    position:relative;
    overflow:visible;
  }

  .course-heading-row.calendar-heading > .course-title-block #courseType.calendar-course-type{
    grid-column:1;
    grid-row:1;
    display:block;
    width:100%;
    min-width:0;
    min-height:0;
    height:auto;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
    font-family:inherit;
    font-size:20px;
    line-height:1.05;
    font-weight:850;
    color:#181614;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
  }

  .course-heading-row.calendar-heading > .course-title-block .course-teacher{
    grid-column:1;
    grid-row:2;
    display:block;
    width:100%;
    min-width:0;
    min-height:0;
    height:auto;
    margin:0;
    padding:0;
    text-align:left;
    font-family:inherit;
    font-size:17px;
    line-height:1.05;
    font-weight:850;
    color:#666;
  }

  /*
   * Le mnémonique est toujours la troisième ligne du bloc identité, quel que
   * soit le mode. Il reste ancré à gauche sous « By … » et ne participe pas
   * au calcul de largeur des autres colonnes du bandeau.
   */
  .course-heading-row.calendar-heading > .course-title-block .mobile-pointage-mnemonic{
    grid-column:1;
    grid-row:3;
    display:inline-flex;
    width:max-content;
    max-width:none;
    min-width:0;
    align-items:center;
    justify-content:flex-start;
    justify-self:start;
    align-self:start;
    margin:0;
    padding:4px 10px;
    border-radius:8px;
    font-family:inherit;
    font-size:12px;
    font-weight:800;
    line-height:1.1;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
  }

  .course-heading-row.calendar-heading > .course-title-block .mobile-pointage-mnemonic.placeholder{
    visibility:hidden;
    pointer-events:none;
  }

  .course-heading-row.calendar-heading > .course-title-block .mobile-pointage-mnemonic[hidden]{
    display:none;
  }

  .app.course-mode-pointage .course-title-block .mobile-pointage-mnemonic.pointage{
    background:#2f6fb2;
    color:#fff;
    animation:mobilePointageBlinkV351 1.15s ease-in-out infinite;
  }

  .app.course-mode-future .course-title-block .mobile-pointage-mnemonic.booking{
    grid-column:1;
    grid-row:3;
    justify-self:start;
    align-self:start;
    margin:0;
    background:#e6f2e8;
    color:#2f7d3e;
    animation:none;
    opacity:1;
    white-space:nowrap;
  }
}

@media (min-width:1051px){
  .mobile-pointage-mnemonic{display:none;}
}