/* =========================================================================
   TZ_RESOR_OVERSIKT — versionerade rättelser till /resor/ (pass 115B)

   Den stora stilmallen för översikten är `css/resor-oversikt.css`, som inte
   är versionshanterad. Den här filen finns för att rättelser i den layouten
   ska gå att läsa i en diff, enligt samma princip som gällt sedan pass 88.
   Den laddas efter den oversionerade filen och med exakt samma villkor.

   INGA NYA MÖNSTER HÄR. Filen innehåller rättelser, inte design.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Tvåspaltsläget får inte kollapsa mellan 861 px och 1079 px

   PRE-EXISTERANDE FEL, hittat vid den responsiva kontrollen i pass 115 och
   rättat här på ägarens besked 2026-09-30.

   `resor-oversikt.css` bygger `.tz-resor__kolumner` som ett rutnät:

     display: grid;
     grid-template-columns: minmax(0, 1fr) 268px;
     align-items: start;          <- avsett för rutnätet

   `align-items: start` är rätt där. Det är det som hindrar filterpanelen från
   att sträckas ut till rutnätets fulla höjd, vilket är förutsättningen för att
   `position: sticky` ska ha något att glida i.

   Under 1080 px faller layouten tillbaka på en kolumnstapel:

     @media (max-width: 1079px) { display: flex; flex-direction: column; }

   Men `align-items` nollställs inte. I `flex-direction: column` verkar samma
   värde på TVÄRAXELN, alltså vågrätt, och `start` betyder då att båda barnen
   krymper till sin innehållsbredd i stället för att fylla raden.

   Uppmätt på staging 2026-09-30 vid 900 och 1024 px:
   `.tz-resor__huvud` 152 px, `.tz-resor__sido` 179 px, resekorten 63 px breda.

   Felet syns bara i bandet 861–1079 px. Vid 860 px och nedåt finns en separat
   regel (`width: 100%; max-width: 100%; flex: 0 0 auto`) som råkar rädda
   läget, och vid 1080 px och uppåt gäller rutnätet.

   Rättelsen är att återställa flexens egen standard på tväraxeln, och bara
   där stapeln gäller. Rutnätets `align-items: start` är orört, så sticky-
   beteendet vid 1080 px och uppåt är oförändrat.

   Selektorn är identisk med den som sätter `display: flex` — samma
   specificitet, och den här filen laddas efter. Ingen `!important`, ingen
   produkttypsspecifik regel: felet gäller alla resor och rättas för alla.
   ---------------------------------------------------------------------- */

@media (max-width: 1079px) {
  body #page-container .tz-resor .tz-resor__kolumner {
    align-items: stretch;
  }
}