/* =========================================================================
   TZ_SEKTIONSRYTM — luften omkring startsidans färgade band
   Pass 103, 2026-09-28

   PROBLEMET, UPPMÄTT PÅ STARTSIDAN VID 1920 px

   Startsidans huvudsektioner har 54 px padding i var ände, alltså 108 px
   mellan innehållsblocken. Två sektioner bryter mönstret genom att ha en
   EGEN bakgrund — då är det inte raden man ser, utan färgkanten:

     Resor utöver det vanliga   .tz-premium-banner, beige yta inuti sektionen
                                108 px luft över, 108 px under
     Nyhetsbrevet               mörkblått band, hela sektionen är ytan
                                 54 px luft över,  54 px under

   Bannern får sin luft av att den ligger INUTI en sektion som har 54 px
   padding, ovanpå grannsektionens 54 px. Nyhetsbrevsbandet har ingen sådan
   ytterram — sektionen ÄR den färgade ytan, så bara grannens 54 px blir
   kvar. Bandet låg därför dubbelt så tätt mot sina grannar som bannern.

   VARFÖR INTE min-height ELLER PADDING

   Bandets `min-height: 192px` (style.css, `--tz-nl-min-h`) är ett medvetet
   designbeslut — höjden dubblades från skissens 96 px för att mer av
   fotomotivet ska synas. Bandets `padding-block` ligger innanför färgytan
   och flyttar bara formuläret, inte kanten. Ingen av dem är orsaken, och
   ingen av dem ska röras.

   Orsaken är att bandet saknar ytterluft. Den läggs här.

   VARFÖR EN EGEN FIL
   Reglerna för nyhetsbrevsbandet bor i `style.css`, som är oversionerad och
   varken får committas (regel 7) eller redigeras på servern (regel 6). Den
   här filen är versionerad och laddas av `inc/tz-sektionsrytm.php`.

   RESULTAT
     föregående huvudsektion
       54 px grannens padding + 54 px härifrån = 108 px
     nyhetsbrevsbandets färgade yta (192 px, orörd)
       54 px härifrån + 54 px grannens padding = 108 px
     nästa huvudsektion
   ========================================================================= */

body.page-id-391115 #page-container .et_pb_section:has(.et_pb_signup) {
  margin-block: 54px;
}

/* Divi växlar sektionspadding till 50 px under 980 px. Marginalen följer med,
   så rytmen blir 100 px på tablet och mobil — samma förhållande som mellan
   sidans övriga sektioner där. Bandets egen höjd och innerpadding har egna
   brytpunkter i style.css och rörs inte. */
@media (max-width: 980px) {
  body.page-id-391115 #page-container .et_pb_section:has(.et_pb_signup) {
    margin-block: 50px;
  }
}

/* -------------------------------------------------------------------------
   Pass 122 — integritetsraden under nyhetsbrevsformuläret

   Raden är modulens inbyggda "Footer" (`footerContent`) och renderas som
   `.et_pb_newsletter_footer`. Divi 5 lägger den INUTI
   `.et_pb_newsletter_fields`, efter knappen — och den raden låser style.css
   med `flex-wrap: nowrap !important`. Utan detta blev footern en tredje
   kolumn bredvid knappen och klämde ihop resten av bandet (uppmätt
   2026-10-01: vänsterkolumnen ett tecken bred vid 1440). Här får raden
   radbrytning och footern en egen hel rad under fält och knapp.

   `contain: inline-size` gör att textens längd inte påverkar spaltens
   bredd — formuläret behåller exakt sin bredd och raden bryts inom den.
   Typografin följer bandets dämpade brödtext (`--tz-nl-fg-muted`, style.css).
   ---------------------------------------------------------------------- */

body.page-id-391115 #page-container .et_pb_section:has(.et_pb_signup) .et_pb_signup .et_pb_newsletter_fields {
  flex-wrap: wrap !important;
  row-gap: 10px !important;
}

body.page-id-391115 #page-container .et_pb_section:has(.et_pb_signup) .et_pb_newsletter_footer {
  flex: 1 0 100%;
  contain: inline-size;
  margin: 0;
  padding: 0;
  font-family: var(--tz-font-body, 'Roboto', Arial, sans-serif);
  font-size: 0.8125rem !important;
  line-height: 1.45 !important;
  color: var(--tz-nl-fg-muted, rgba(255, 255, 255, 0.82));
}

body.page-id-391115 #page-container .et_pb_section:has(.et_pb_signup) .et_pb_newsletter_footer p {
  margin: 0;
  padding: 0;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit;
}

body.page-id-391115 #page-container .et_pb_section:has(.et_pb_signup) .et_pb_newsletter_footer a {
  color: var(--tz-nl-fg, #ffffff);
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.page-id-391115 #page-container .et_pb_section:has(.et_pb_signup) .et_pb_newsletter_footer a:focus-visible {
  outline: 2px solid var(--tz-gold, #b8955a);
  outline-offset: 2px;
}