/* Correctif réel : boutons Réserver | Retour côte à côte en mode téléphone
   Portée : Planning général véhicules + salles uniquement. */
@media screen and (max-width: 800px){
  body.page-planning_vehicles .planning-header-card,
  body.page-planning_rooms .planning-header-card{
    display:block !important;
  }

  body.page-planning_vehicles .planning-header-card > div:first-child,
  body.page-planning_rooms .planning-header-card > div:first-child{
    margin-bottom:10px !important;
  }

  body.page-planning_vehicles .planning-mobile-actions,
  body.page-planning_rooms .planning-mobile-actions,
  body.page-planning_vehicles .mobile-planning-action-bar,
  body.page-planning_rooms .mobile-planning-action-bar{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:space-between !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    margin:8px 0 0 !important;
    padding:0 !important;
  }

  body.page-planning_vehicles .planning-mobile-actions > a,
  body.page-planning_rooms .planning-mobile-actions > a,
  body.page-planning_vehicles .planning-mobile-actions > .btn,
  body.page-planning_rooms .planning-mobile-actions > .btn{
    display:flex !important;
    flex:1 1 0 !important;
    width:calc(50% - 4px) !important;
    min-width:0 !important;
    max-width:calc(50% - 4px) !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:8px 6px !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    border-radius:12px !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }

  body.page-planning_vehicles .planning-mobile-actions > a i,
  body.page-planning_rooms .planning-mobile-actions > a i{
    font-size:14px !important;
    margin-right:4px !important;
    flex:0 0 auto !important;
  }
}
