/* Correctif ciblé : Mes réservations doit rester visible sur téléphone/tablette.
   On masque seulement les filtres, pas la carte ni le tableau. */
@media screen and (max-width: 1024px){
  body.page-my_reservations main.content,
  body.page-my_reservations .content,
  body.page-my_reservations .card,
  body.page-my_reservations .card.p-4,
  body.page-my_reservations .table-responsive,
  body.page-my_reservations table,
  body.page-my_reservations .table,
  body.page-my_reservations thead,
  body.page-my_reservations tbody,
  body.page-my_reservations tr,
  body.page-my_reservations th,
  body.page-my_reservations td{
    visibility:visible !important;
    opacity:1 !important;
  }

  body.page-my_reservations .card,
  body.page-my_reservations .card.p-4{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.page-my_reservations .mes-reservations-filters{
    display:none !important;
  }

  body.page-my_reservations .mes-reservations-filters ~ .d-flex,
  body.page-my_reservations .mes-reservations-filters ~ .alert,
  body.page-my_reservations .mes-reservations-filters ~ .table-responsive{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.page-my_reservations .table-responsive{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
    border-radius:14px !important;
  }

  body.page-my_reservations table.table{
    display:table !important;
    width:100% !important;
    min-width:760px !important;
    border-collapse:collapse !important;
    table-layout:auto !important;
  }

  body.page-my_reservations table.table thead{display:table-header-group !important;}
  body.page-my_reservations table.table tbody{display:table-row-group !important;}
  body.page-my_reservations table.table tr{display:table-row !important;}
  body.page-my_reservations table.table th,
  body.page-my_reservations table.table td{display:table-cell !important;}

  body.page-my_reservations .btn,
  body.page-my_reservations .badge,
  body.page-my_reservations input,
  body.page-my_reservations form{
    visibility:visible !important;
    opacity:1 !important;
  }
}