/* =========================================================================
   TZ_DESTINATIONS_CTA — "Se våra resor till {destination}" (pass 105)

   Markup: inc/tz-destinations-cta.php, via [tz_destinations_cta] i en
   kodmodul (klass `tz-destcta-modul`) sist i landsidans ingressektion,
   layout 379508. Laddas bara på `land`-sidor.

   STIL: en diskret genväg, inte sidans bokningsknapp. Den följer därför
   landsidans befintliga gröna Divi-knapp ("Kontakta oss för att
   skräddarsy din resa", preset de5zr6n6jh, uppmätt på Riga 2026-09-29):
   #445223, 5 px hörn, Roboto 700 15 px — men som konturknapp, så att
   den gröna fyllda knappen längre ned förblir sidans huvudsakliga CTA.
   Ingen orange bokningsstil.
   ========================================================================= */

.tz-destcta {
  margin: 0;
  padding: 0;
  text-align: center;
}

.tz-destcta__knapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 26px;
  border: 2px solid #445223;
  border-radius: 5px;
  background: transparent;
  color: #445223;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  text-decoration: none;
  transition: background 160ms cubic-bezier(0.22, 1, 0.36, 1),
              color 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.tz-destcta__knapp svg { flex: 0 0 auto; }

.tz-destcta__knapp:hover,
.tz-destcta__knapp:focus-visible {
  background: #445223;
  color: #ffffff;
}

.tz-destcta__knapp:focus-visible {
  outline: 2px solid #445223;
  outline-offset: 3px;
}

/* Mobil: ingressraden är 80 % bred (≈ 312 px vid 390). Det längsta
   namnet i dag, "Nederländerna", bröt annars knappen på två rader. */
@media (max-width: 480px) {
  .tz-destcta__knapp {
    padding-inline: 16px;
    font-size: 14px;
  }
}

/* -- Fail-empty ------------------------------------------------------- */

/* Tom shortcode → hela modulen bort, så att ingressektionen blir exakt
   lika hög som före passet. */
body #page-container .tz-destcta-modul:not(:has(.tz-destcta)) {
  display: none !important;
}

/* Säkring: saknar sidan ett renderat resekort i Resor-sektionen visas
   ingen CTA, oavsett vad servern skrev. Samma `:has()`-princip som
   döljer den tomma sektionen (css/tz-relaterade-resor.css, pass 100).

   Avgränsad till LANDSIDAN sedan pass 114 — temasidan visar sina resor i
   en karusell och har ingen `.tz-relaterade-resor`, så utan avgränsningen
   hade regeln dolt temats CTA på varenda temasida. */
body.single-land:not(:has(.tz-relaterade-resor .tz-resekort-grid__cell)) .tz-destcta-modul {
  display: none !important;
}

/* =========================================================================
   TEMASIDORNA (pass 114)

   Samma genväg, samma knapp, samma ankare `#resor` — men resorna ligger i
   temamallens karusell (`[zmart_carousel field="tema_resor" theme="cards"]`)
   i stället för i landsidans rutnät. Etiketten är "Se våra resor" utan namn;
   temats titel står redan som H1 strax ovanför.

   Motsvarande säkring som landsidans: har karusellen inte renderat ett enda
   kort — den returnerar `zmart-carousel-tom` när ingen vald resa är
   publicerad — visas ingen CTA. Kortet känns igen på `.tz-card__titel`,
   samma markup som resekorten har överallt annars.
   ========================================================================= */

body.single-tema:not(:has(.zmart-carousel[data-theme="cards"] .tz-card__titel)) .tz-destcta-modul {
  display: none !important;
}

/* -- Tom Resor-sektion på temasidan ------------------------------------

   PRE-EXISTERANDE, hittat vid verifieringen av pass 114 och rättat här.

   `TZ_TOMMA_SEKTIONER` i den oversionerade style.css döljer sektioner vars
   datakälla är tom, men listan är medvetet fältspecifik:

     .zmart-resor-tom · --destinationer · --land_inlagg
     · --resa_inspiration · --land_bildspel

   `--tema_resor` kom aldrig med. Sektionsvillkoret `tema_resor isAnyValue`
   släpper igenom även ett fält som BARA pekar på utkast, och då renderade
   karusellen sin tommarkör medan rubriken "Resor" stod kvar — uppmätt
   187 px på /tema/fotbollsresor/ (sex resor, alla utkast) och samma sak på
   /tema/safariresor/. Felet fanns före pass 114 och har inget med flytten
   av sektionen att göra; ägaren bad i pass 114 uttryckligen om att en tom
   resesektion inte ska renderas.

   Regeln bor här i stället för i style.css av samma skäl som resten av
   pass 88–114: den här filen går att läsa i en diff. Samma mönster och
   samma markörnamngivning som originalet. */

body #page-container .et_pb_section:has(.zmart-carousel-tom--tema_resor) {
  display: none !important;
}