/* ==========================================================================
   transformis® · Jobangebot (Template)
   --------------------------------------------------------------------------
   Einzelne Stellenanzeige. Layout-Basis = Leistungsseite (laedt zusaetzlich
   leistung.css), Overrides hier:
     - Above-the-Fold ohne verlinkte-Leistungen-Boxen
     - Zwei-Buttons-Reihe (Primary + Secondary)
     - Scroll-Offset fuer "Mehr erfahren"-Anker
   ========================================================================== */


/* ==========================================================================
   1. ABOVE THE FOLD – Buttons-Reihe
   ========================================================================== */

.tm-jobangebot-atf__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}

.tm-jobangebot-atf__btn {
  /* gleicher Top-Margin wie .tm-leistung-atf__btn, aber via Container kontrolliert */
  margin-top: 0;
}

@media (max-width: 600px) {
  .tm-jobangebot-atf__buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .tm-jobangebot-atf__btn {
    text-align: center;
  }
}


/* ==========================================================================
   2. SCROLL-VERHALTEN (Secondary "Mehr erfahren")
   --------------------------------------------------------------------------
   Smooth Scroll global aktivieren waere zu invasiv – wir setzen ihn nur
   auf .tm-template-jobangebot. Der scroll-margin-top kompensiert den
   fixen Header (134px Desktop / 0 Mobil – siehe functions.php).
   ========================================================================== */

.tm-template-jobangebot {
  scroll-behavior: smooth;
}

.tm-template-jobangebot #tm-leistung-content {
  scroll-margin-top: 134px;
}

@media (max-width: 960px) {
  .tm-template-jobangebot #tm-leistung-content {
    scroll-margin-top: 0;
  }
}