/*
 * Bandeau cours mobile — actions Fermer / Annuler / Rouvrir.
 * Source unique pour les actions de cours sur mobile/tablette.
 *
 * Le métier/JS décide quelle action est visible ; cette feuille ne gère que
 * la présentation commune. Aucune priorité forcée.
 */

@media (max-width:1050px){
  .course-heading-row.calendar-heading > .course-title-block #courseStateActions.course-state-actions{
    grid-row:4;
    position:static;
    inset:auto;
    transform:none;
    width:auto;
    min-width:0;
    min-height:40px;
    margin:0;
    padding:0;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    align-self:flex-start;
    visibility:visible;
    opacity:1;
    z-index:auto;
  }

  .course-heading-row.calendar-heading > .course-title-block #courseStateActions > .course-state-btn.mobile-course-state-text.course-nav-btn{
    position:static;
    inset:auto;
    transform:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    min-width:0;
    max-width:none;
    height:40px;
    min-height:40px;
    max-height:40px;
    margin:0;
    padding:0 8px;
    box-sizing:border-box;
    border:1px solid #D2B48C;
    border-radius:8px;
    background:#FFFFFF;
    color:#5A3E2B;
    font-family:inherit;
    font-size:12px;
    font-weight:750;
    line-height:normal;
    letter-spacing:normal;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    cursor:pointer;
    white-space:nowrap;
  }

  .course-heading-row.calendar-heading > .course-title-block #courseStateActions > .course-state-btn.mobile-course-state-text.course-nav-btn:hover{
    background:#FAF7F2;
    border-color:#C69F72;
    color:#5A3E2B;
  }

  .course-heading-row.calendar-heading > .course-title-block #courseStateActions > .course-state-btn.mobile-course-state-text.course-nav-btn:active{
    background:#6E4A2F;
    border-color:#6E4A2F;
    color:#FFFFFF;
  }

  .course-heading-row.calendar-heading > .course-title-block #courseStateActions > .course-state-btn.mobile-course-state-text.course-nav-btn:disabled{
    opacity:.45;
    cursor:not-allowed;
  }

  /*
   * Un bouton inactif est remis à vide par app.js avant que l'action active
   * soit calculée. Il peut donc ne pas encore porter les classes mobiles.
   * On masque ici tout enfant hidden/vide du conteneur, indépendamment de son
   * ancien état de classes, afin d'éviter le cadre de bouton résiduel.
   */
  .course-heading-row.calendar-heading > .course-title-block #courseStateActions > [hidden],
  .course-heading-row.calendar-heading > .course-title-block #courseStateActions > button:empty{
    display:none;
  }

  .course-heading-row.calendar-heading > .course-title-block #courseStateActions .course-state-icon-ring,
  .course-heading-row.calendar-heading > .course-title-block #courseStateActions svg{
    display:none;
  }
}

@media (max-width:390px){
  .course-heading-row.calendar-heading > .course-title-block #courseStateActions > .course-state-btn.mobile-course-state-text.course-nav-btn{
    font-size:11px;
    padding:0 6px;
  }
}