/* =========================================================================
   TZ_RESA_RYTM — vertikal rytm kring "Inspiration inför din resa"
   Pass 93, 2026-09-27

   PROBLEMET, UPPMÄTT PÅ /resa/prag-4-dagar/ VID 1920 px

     Avgångar          sektionspadding 46 px topp, 20 px botten
     Inspiration       sektionspadding 46 px topp, 46 px botten
     Reseförfrågan     sektionspadding  0 px topp, 46 px botten

   Det gav:

     Avgångar  →  Inspiration      20 + 46 = 66 px
     Inspiration  →  Reseförfrågan  46 +  0 = 46 px

   Alltså STÖRRE luft ovanför inspirationen än under den. Blocket läste
   därför som inledningen till reseförfrågan i stället för som avslutningen
   på resans eget innehåll — tvärtemot avsikten.

   ÖNSKAD RYTM

     Avgångar
        ↓  litet avstånd — hör ihop
     Inspiration inför din resa
        ↓  tydligt större avstånd
     Reseförfrågan

   VARFÖR SEKTIONERNA VÄLJS STRUKTURELLT OCH INTE PÅ INDEX
   Divi genererar klasser som `et_pb_section_8_tb_body`. De numreras om så
   fort någon lägger till eller tar bort en sektion i mallen — style.css
   rad 712 dokumenterar exakt det felet från ett tidigare pass. Reglerna
   nedan pekar därför ut sektionerna på vad de INNEHÅLLER:

     inspirationssektionen  = sektionen som innehåller pages-karusellen
     sektionen före den     = `:has(+ …)`, alltså "följs omedelbart av"

   Avgränsat till `body.single-resa`. Land- och temasidor har också
   pages-karuseller, men där är grannarna andra och rytmen redan bestämd
   av pass 88 respektive 85.
   ========================================================================= */

:root {
  /* Avståndet Avgångar → Inspiration. Litet: de hör ihop. */
  --tz-resa-insp-over: 28px;

  /* Avståndet Inspiration → Reseförfrågan. Ungefär tre gånger så stort,
     så att reseförfrågan läser som ett nytt block. */
  --tz-resa-insp-under: 90px;
}

/* Sektionen FÖRE inspirationen lämnar ifrån sig sin bottenpadding, så att
   hela mellanrummet ägs av EN regel i stället för att vara summan av två
   som ingen ser tillsammans. */
body.single-resa #page-container .et_pb_section:has(+ .et_pb_section .zmart-carousel[data-theme="pages"]) {
  padding-bottom: 0 !important;
}

body.single-resa #page-container .et_pb_section:has(.zmart-carousel[data-theme="pages"]) {
  padding-top: var(--tz-resa-insp-over) !important;
  padding-bottom: var(--tz-resa-insp-under) !important;
}

/* På smal skärm blir 90 px onödigt mycket tomrum när korten staplas. */
@media (max-width: 760px) {
  :root {
    --tz-resa-insp-over: 20px;
    --tz-resa-insp-under: 56px;
  }
}