/* =====================================================================
   Mirco Schröder Hiking 2.0 – Brücke zum Plugin "Tourenseiten"

   Diese Datei wird nur geladen, wenn das Plugin aktiv ist. Sie reicht
   die Farben und Schriften des Themes an das Plugin durch, damit beide
   garantiert gleich aussehen.

   Wer Farben ändern will, ändert sie in style.css – nicht hier.
   ===================================================================== */

.tour,
.region,
.artikel,
.tour-liste {
  --nebel:   var(--ms-nebel);
  --birke:   var(--ms-birke);
  --moor:    var(--ms-moor);
  --moor-60: var(--ms-moor-60);
  --wald:    var(--ms-wald);
  --heide:   var(--ms-heide);
  --linie:   var(--ms-linie);

  --serif: var(--ms-serif);
  --sans:  var(--ms-sans);
  --mono:  var(--ms-mono);
}

/* ---------------------------------------------------------------------
   Einbettung in das Theme-Raster
   --------------------------------------------------------------------- */

/* Tourenseiten sitzen bereits in .site-main, brauchen also keinen
   zusätzlichen Außenabstand mehr. */
.site-main > .tour,
.site-main > .artikel { padding-inline: 0; }

/* Die Regionsvorlage bringt ihr eigenes <main> mit. */
.ms-touren-main { max-width: none; margin: 0; padding: 0 0 60px; }
.ms-touren-main .region__hero { margin-top: 0; }

/* Volle Breite für das Regions-Headerbild, auch wenn das Theme
   den Inhalt begrenzt. */
.region__hero img { border-radius: 0; }

/* ---------------------------------------------------------------------
   Feinabstimmung
   --------------------------------------------------------------------- */

/* Überschriften im Plugin auf dieselbe Stärke wie im Theme. */
.tour :is(h1, h2, h3),
.region :is(h1, h2, h3),
.artikel :is(h2, h3, h4) { font-weight: 600; }

/* Buttons des Plugins an die Theme-Buttons angleichen. */
.tour__btn { border-radius: 2px; font-family: var(--ms-sans); }

/* Der Tipp-Kasten bekommt die Flächenfarbe des Themes. */
.tour__tipp { background: var(--ms-nebel); }

/* Tourenliste: gleiche Kachel-Optik wie die Blog-Kacheln des Themes. */
.tour-liste__karte { transition: border-color .15s; }
.tour-liste__karte:hover { border-color: var(--ms-heide); }

/* Videohinweis und Bildunterschriften einheitlich. */
.tour__video-hinweis,
.tour__hero figcaption,
.region__hero figcaption { font-family: var(--ms-mono); }

/* ---------------------------------------------------------------------
   Kennzahlen einer Tour in den Übersichtskacheln des Themes
   --------------------------------------------------------------------- */

.post-card .tour-meta { font-family: var(--ms-mono); color: var(--ms-heide); }

/* ---------------------------------------------------------------------
   Druckausgabe – Touren zum Mitnehmen
   --------------------------------------------------------------------- */

@media print {
  .site-header,
  .site-footer,
  .tour__video,
  .tour__video-hinweis,
  .tour__downloads,
  .post-nav { display: none !important; }

  .tour { max-width: none; font-size: 11pt; }
  .tour__daten { border: 1px solid #999; }
  .tour a::after { content: ""; }
}