/* =========================================================
   Sol·licituds · vista mòbil: més llegible i alineada a l'esquerra
   Va DESPRÉS de reserves-mobil.css i només reforça i amplia (mida del text, aire, botons més grans).
   ========================================================= */
@media (max-width: 860px) {
  /* Pestanyes de dalt (Sol·licituds | Disponibilitat) a tot l'ample */
  .solic-tabs { display: flex; width: 100%; }
  .solic-tab { flex: 1; padding: 12px 10px; font-size: 14px; text-align: center; }

  /* Targeta: tot a l'esquerra, més aire */
  #reserves-cos > tr.res-m-card {
    padding: 16px 16px 14px 20px;
    gap: 12px;
    border-radius: 18px;
    text-align: left;
  }
  #reserves-cos > tr.res-m-card > td { text-align: left; }

  /* Nom de la sol·licitud i detalls */
  #reserves-cos > tr.res-m-card > td:nth-child(3) { font-size: 14px; line-height: 1.5; }
  #reserves-cos > tr.res-m-card .reserves-nom-link { font-size: 17px; line-height: 1.3; }
  #reserves-cos > tr.res-m-card .reserves-cases { font-size: 13px; margin-top: 5px; color: var(--gris); }
  #reserves-cos > tr.res-m-card [class^="reserves-"][class$="-badge"] { font-size: 11.5px; padding: 3px 9px; margin: 6px 6px 0 0; }

  /* Línia de dades (dates · nits · persones · règim): xips més grans */
  .res-m-resum { gap: 8px; margin-top: 12px; }
  .res-m-xip { font-size: 13px; padding: 6px 12px; gap: 6px; }
  .res-m-xip .icona-svg { width: 14px; height: 14px; }
  .res-m-alta { font-size: 12px; margin-top: 8px; }

  /* Contacte */
  #reserves-cos > tr.res-m-card > td:nth-child(8) { gap: 8px; padding-top: 12px; }
  #reserves-cos > tr.res-m-card > td:nth-child(8) > div { font-size: 14.5px; }
  #reserves-cos > tr.res-m-card .reserves-contacte { min-height: 40px; font-size: 13.5px; padding: 0 14px; }
  #reserves-cos > tr.res-m-card .wa-bt { min-height: 40px; font-size: 13px; padding: 0 14px; }

  /* Accions: botons grans; «Trobar casa» és el principal i ocupa tota la fila */
  #reserves-cos > tr.res-m-card > td:nth-child(9) { gap: 8px; padding-top: 4px; }
  #reserves-cos > tr.res-m-card > td:nth-child(9) button { min-height: 46px; font-size: 14px; font-weight: 700; border-radius: 14px; }
  #reserves-cos > tr.res-m-card > td:nth-child(9) .reserves-bt-trobar { flex: 1 1 100%; order: -1; }

  /* Filtres i ordre: una mica més grans de tocar */
  #reserves-filtres .reserves-lg { padding: 10px 16px; font-size: 13px; }
  .res-m-ordre button { font-size: 13px; padding: 8px 14px; }
}