/**
 * Yolenn on Tour
 *
 * Ergaenzende Styles fuer den Angebotstyp "Yolenn on Tour" und die
 * einzelnen Tour-Stationen. Bewusst als eigene Datei, weil
 * yolenn-main.min.css aus einem externen Build stammt.
 */

/* --- Meta-Zeile: Ort, Zeitraum, Dauer --------------------------------- */
.tour-meta {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.75rem;
}

.tour-meta-item {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #493f35;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.tour-meta-item i {
  color: #918b86;
}

/* --- Hinweis bei abweichendem Buchungsweg ----------------------------- */
.tour-booking-note {
  background-color: #f2ebdc;
  border-left: 3px solid #918b86;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
}

.tour-booking-note p:last-child {
  margin-bottom: 0;
}

/* --- Anfahrt ---------------------------------------------------------- */
.tour-directions-block {
  background-color: #f2ebdc;
  padding: 2rem 0 2.5rem;
  margin-top: 2.5rem;
}

.tour-directions-headline {
  margin-bottom: 1.5rem;
}

.tour-address {
  font-style: normal;
  font-weight: 600;
  color: #2a2622;
  margin-bottom: 1rem;
  line-height: 1.6;
}

.tour-travel-info {
  margin-bottom: 1.25rem;
}

.tour-route-links {
  margin-bottom: 1rem;
}

/* --- Karte: Platzhalter vor dem Laden --------------------------------- */
.tour-map {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  background-color: #e6e6e6;
  overflow: hidden;
}

/* Fallback fuer Browser ohne aspect-ratio */
@supports not (aspect-ratio: 4 / 3) {
  .tour-map {
    height: 0;
    padding-bottom: 75%;
  }
}

.tour-map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.tour-map-consent {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.5rem;
  border: 1px dashed #918b86;
  background-color: #fefefe;
  color: #493f35;
  cursor: pointer;
  text-align: center;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  transition: background-color 0.15s ease-in-out;
}

.tour-map-consent:hover,
.tour-map-consent:focus-visible {
  background-color: #f2ebdc;
}

.tour-map-consent-icon {
  font-size: 1.75rem;
  color: #918b86;
}

.tour-map-consent-text {
  font-weight: 600;
  line-height: 1.4;
}

.tour-map-consent-text small {
  display: block;
  margin-top: 0.35rem;
  font-weight: 400;
  font-size: 0.8rem;
  color: #8a8a8a;
}

.tour-map-link {
  margin-top: 0.5rem;
  font-size: 0.85rem;
}

/* --- Tour-Station in Listenansichten ---------------------------------- */
.product-list .product-item.tour-item .tour-item-meta,
.product-type-list .product-item.tour-item .tour-item-meta {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: #493f35;
  margin-bottom: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1.25rem;
}

.product-list .product-item.tour-item .tour-item-meta i,
.product-type-list .product-item.tour-item .tour-item-meta i {
  color: #918b86;
  margin-right: 0.25rem;
}

@media print {
  .tour-map-consent {
    display: none;
  }
}

/* --- Hervorgehobener Menuepunkt --------------------------------------- */
/* Wird ueber das Feld "Im Menü hervorheben" am Menuepunkt gesteuert. */
.topbar-item.menu-item-highlight > a.top-menu-item {
  color: #2a2622;
  font-weight: 700;
}

/* Stern und Geschenk im Menue: dunkles Braungold statt Textfarbe,
   damit sie weniger massiv wirken (2026-09-24) */
.menu-highlight-icon {
  font-size: 0.8em;
  margin-right: 0.15em;
  vertical-align: baseline;
  color: #94754a;
}

/* Mobiles Menue */
.menu-item-highlight > a {
  font-weight: 700;
}

/* --- Geschenk-Icon am Gutschein-Menuepunkt ---------------------------- */
/* Wird automatisch gesetzt, wenn das Menue-Ziel das Template "gutschein"
   verwendet - unabhaengig von der Sprache des Menuepunkt-Namens. */
.menu-gift-icon {
  font-size: 0.85em;
  margin-right: 0.2em;
  vertical-align: baseline;
  color: #94754a;
}

/* --- Veranstaltungsort in der Meta-Zeile ------------------------------ */
.tour-meta-venue {
  display: block;
  font-weight: 400;
  font-size: 0.85em;
  color: #918b86;
}

/* --- Angebote & Preise vor Ort ---------------------------------------- */
.tour-price-info {
  margin: 2rem 0;
}

.tour-price-headline {
  margin-bottom: 0.75rem;
}

/* Eine Session: Tabelle im Stil der Preislisten (ui-refine.css),
   Beschriftung klein darüber */
table.price-list.tour-session {
  margin: 1rem 0 1.75rem;
}

table.price-list.tour-session caption {
  padding: 0 0 0.4rem;
  text-align: left;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: #918b86;
}

/* Massagetechniken & Hinweise (Rich-Text, z. B. aus cal.com kopiert) */
.tour-offers-text h4 {
  margin: 2rem 0 0.6rem;
}

.tour-offers-text p:last-child {
  margin-bottom: 0;
}

.tour-price-info ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.tour-price-info li {
  padding: 0.5rem 0 0.5rem 1.25rem;
  border-bottom: 1px solid #f2ebdc;
  position: relative;
}

.tour-price-info li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.05rem;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #918b86;
}

.tour-price-info li:last-child {
  border-bottom: 0;
}

/* --- Link zur ausfuehrlichen Wegbeschreibung -------------------------- */
.tour-travel-pdf {
  margin-bottom: 1rem;
  font-weight: 600;
}

/* --- Komplett klickbare Angebots-Kacheln ------------------------------ */
/*
 * Ein unsichtbarer Overlay-Link deckt die ganze Kachel ab. Die
 * Bedienelemente (Buchen-Button, "Details zeigen", Ueberschrift) werden
 * per z-index darueber gelegt, damit sie ihre eigene Funktion behalten.
 */
.product-list .product-item,
.product-type-list .product-item {
  position: relative;
  cursor: pointer;
}

.tour-item-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* Inhalte ueber dem Overlay: Buttons und Links bleiben einzeln bedienbar */
.product-item .product-details-wrapper a,
.product-item .product-list-item-button-details,
.product-item .booking-buttons {
  position: relative;
  z-index: 2;
}

/* Der Detail-Link soll nur so breit sein wie sein Text, damit der Rest
   der Zeile zum Overlay-Link gehoert. */
.product-item .product-list-item-button-details {
  display: inline-block;
}

/* Tastatur-Bedienung: Fokus auf einem Element in der Kachel hervorheben */
.product-item:focus-within {
  box-shadow: 0 0 0 2px #918b86;
}

/* --- Hero-Overlay fuer "Yolenn on Tour" ------------------------------- */
/*
 * Wie bei den anderen Angebotstypen: ein radialer Farbverlauf hinter der
 * Ueberschrift, damit die weisse Schrift auf dem Bild lesbar bleibt.
 * Warmer Sandton passend zum Duenen-Motiv und zur Farbpalette der Seite.
 */
.text-shadow-overlay.yolenn-on-tour {
  background: radial-gradient(circle, rgba(93, 74, 48, 0.55) 0%, rgba(93, 74, 48, 0.5) 30%, rgba(93, 74, 48, 0) 70%);
}

/* --- Hinweis, wenn keine kommenden Termine feststehen ----------------- */
.tour-empty-state {
  background-color: #f2ebdc;
  padding: 2rem 1.5rem;
  margin: 1.5rem 0 2rem;
  text-align: center;
}

.tour-empty-headline {
  margin-bottom: 0.75rem;
}

.tour-empty-text p:last-child {
  margin-bottom: 0;
}

/* --- Vergangene Stationen: zurueckgenommen darstellen ------------------ */
.tour-past-block {
  margin-top: 2.5rem;
}

.tour-past-headline {
  /* zurueckgenommen ueber die Farbe, nicht ueber die Groesse */
  color: #918b86;
  margin-bottom: 1rem;
}

.product-list.tour-station-list.is-past .product-item {
  opacity: 0.65;
}

.product-list.tour-station-list.is-past .product-item:hover {
  opacity: 1;
}

/* Status-Label statt Buchen-Button */
.tour-item-past-label,
.tour-item-nodates-label {
  display: inline-block;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: #918b86;
  padding: 0.4rem 0;
}

/* --- Status-Block auf der Stationsseite (volle Contentbreite) --------- */
.tour-status-block {
  background-color: #f2ebdc;
  padding: 2rem 1.75rem;
  margin: 1.5rem 0 2rem;
}

.tour-status-headline {
  margin-bottom: 0.75rem;
}

.tour-status-intro p:last-child {
  margin-bottom: 0;
}

.tour-status-alt {
  margin: 1.5rem 0 0;
  font-size: 0.9rem;
}

.tour-status-note-inline {
  margin-bottom: 0;
}

/* --- Formular: Erinnerung abonnieren ---------------------------------- */
.tour-reminder-form-wrap {
  margin-top: 1.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(145, 139, 134, 0.35);
}

.tour-reminder-headline {
  font-size: 1.15rem;
  margin-bottom: 0.5rem;
}

.tour-reminder-intro p:last-child {
  margin-bottom: 1rem;
}

.tour-reminder-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.tour-reminder-field {
  flex: 1 1 240px;
  display: block;
}

.tour-reminder-field > span {
  display: block;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: #493f35;
  margin-bottom: 0.35rem;
}

.tour-reminder-field > span em {
  font-weight: 400;
  font-style: normal;
  color: #918b86;
}

.tour-reminder-field input {
  width: 100%;
  padding: 0.6rem 0.75rem;
  border: 1px solid #cacaca;
  background-color: #fefefe;
  font-size: 1rem;
  margin: 0;
  box-shadow: none;
  height: auto;
}

.tour-reminder-field input:focus {
  border-color: #918b86;
  outline: none;
}

/* Spamfalle - fuer Menschen unsichtbar, fuer Screenreader ausgeblendet */
.tour-reminder-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.tour-reminder-privacy {
  margin-top: 0.85rem;
  margin-bottom: 0;
  font-size: 0.8rem;
  color: #8a8a8a;
  max-width: 46rem;
}

.tour-reminder-privacy p {
  margin: 0;
  font-size: inherit;
  color: inherit;
}

.tour-reminder-error {
  background-color: #fefefe;
  border-left: 3px solid #cc4b37;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
}

.tour-reminder-success {
  background-color: #fefefe;
  border-left: 3px solid #918b86;
  padding: 1rem 1.25rem;
}

.tour-reminder-success p:last-child {
  margin-bottom: 0;
}

/* --- Bildnachweis im Hero (fuer Bilder unter CC-BY-Lizenz) ------------ */
.product-type-hero-section {
  position: relative;
}

.hero-image-credit {
  position: absolute;
  right: 0.75rem;
  bottom: 0.5rem;
  margin: 0;
  font-size: 0.65rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.75);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  z-index: 2;
}

/* Der Absende-Button steht auf sandfarbenem Grund und braucht daher
   einen eigenen Kontrast - die Standardfarbe waere identisch mit dem Block. */
.tour-reminder-form button.button.primary {
  background-color: #493f35;
  color: #fefefe;
  margin-bottom: 0;
}

.tour-reminder-form button.button.primary:hover,
.tour-reminder-form button.button.primary:focus {
  background-color: #2a2622;
  color: #fefefe;
}

/* Sekundaerer Textlink unter dem Block */
.tour-status-alt a {
  font-weight: 600;
}

/* Vergangener Termin in der Meta-Zeile kennzeichnen */
.tour-meta-item.tour-meta-date.is-past {
  color: #918b86;
}

.tour-meta-item.tour-meta-date.is-past em {
  font-style: normal;
  font-weight: 400;
}

/* --- Ansprechpartner:in vor Ort --------------------------------------- */
/*
 * Pro Station im Backend zuschaltbar. Helle Karte statt Sandton, damit
 * sie sich vom Anfahrt-Kasten direkt darueber absetzt. Links Einladung,
 * rechts Name und Kontaktwege; auf schmalen Screens untereinander.
 */
.tour-contact {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  background-color: #fefefe;
  border: 1px solid rgba(145, 139, 134, 0.35);
  padding: 1.75rem 1.5rem;
  margin: 2.5rem 0 2rem;
}

@media (min-width: 640px) {
  .tour-contact {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 2.5rem;
    padding: 2rem 2.25rem;
  }
}

.tour-contact-label {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #918b86;
  margin-bottom: 0.5rem;
}

.tour-contact-label i {
  font-size: 1.1em;
  margin-right: 0.35em;
}

.tour-contact-headline {
  margin-bottom: 0.75rem;
}

.tour-contact-text p:last-child {
  margin-bottom: 0;
}

/* Rechte Spalte: durch eine feine Linie abgesetzt */
.tour-contact-person {
  align-self: center;
  border-top: 1px solid rgba(145, 139, 134, 0.35);
  padding-top: 1.25rem;
}

@media (min-width: 640px) {
  .tour-contact-person {
    border-top: 0;
    border-left: 1px solid rgba(145, 139, 134, 0.35);
    padding-top: 0;
    padding-left: 2.5rem;
  }
}

.tour-contact-name {
  font-family: "Butler", serif;
  font-weight: 500;
  font-size: 1.35rem;
  line-height: 1.3;
  color: #2a2622;
  margin-bottom: 0.75rem;
}

.tour-contact-channels {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tour-contact-channels li + li {
  margin-top: 0.5rem;
}

.tour-contact-channels a {
  display: inline-flex;
  align-items: baseline;
  gap: 0.6rem;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #493f35;
  overflow-wrap: anywhere;
}

.tour-contact-channels a i {
  color: #918b86;
  width: 1em;
  text-align: center;
}

.tour-contact-channels a:hover,
.tour-contact-channels a:focus {
  color: #2a2622;
}

/* --- Kartenlisten immer ueber die volle Breite ------------------------- */
/*
 * Die Listen (.product-type-list/.product-list) stecken teils direkt in
 * einem weiteren .grid-x, ohne eigene Zelle. Als Flex-Element schrumpfen
 * sie dann auf ihren Inhalt: Eine einzelne Karte mit kurzem Text (z. B.
 * "Weitere Angebote" auf einer Tour-Station) wurde nur ~60 % breit.
 */
.grid-x > .product-type-list,
.grid-x > .product-list {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

/* --- Kacheln ruhiger gesetzt (alle Angebots- und Tour-Kacheln) -------- */
/*
 * Vorher: Titel dicht an der Oberkante, "Details zeigen" direkt unter
 * dem Text und darunter 64px Leerraum (margin-bottom des Links).
 * Jetzt: gleichmaessiger Innenabstand, Text - Luft - Zeile mit
 * "Details zeigen" links und Button rechts auf einer Hoehe.
 */
.product-list .product-item,
.product-type-list .product-item {
  padding: 1.5rem 0.25rem 1.25rem;
}

@media (min-width: 640px) {
  .product-list .product-item,
  .product-type-list .product-item {
    padding: 1.9rem 0.5rem 1.6rem;
  }
}

.product-list .product-item .product-list-item-headline,
.product-type-list .product-item .product-list-item-headline {
  margin-bottom: 0.55rem;
  line-height: 1.3;
}

.product-list .product-item .product-details-wrapper,
.product-type-list .product-item .product-details-wrapper {
  margin-bottom: 1.1rem;
}

.product-list .product-item .product-details,
.product-type-list .product-item .product-details {
  margin-bottom: 0;
}

.product-list .product-item .product-list-item-button-details,
.product-type-list .product-item .product-list-item-button-details {
  margin-bottom: 0;
}

/* "Details zeigen" unten, auf einer Grundlinie mit der Schrift im Button */
.product-list .product-item .align-self-bottom,
.product-type-list .product-item .align-self-bottom,
.product-list .product-item .booking-buttons,
.product-type-list .product-item .booking-buttons {
  align-self: last baseline;
}

/* Datumszeile der Tour-Kacheln: wichtig, darf etwas groesser sein */
.product-list .product-item.tour-item .tour-item-meta,
.product-type-list .product-item.tour-item .tour-item-meta {
  font-size: 0.95rem;
  margin-bottom: 0.6rem;
  gap: 0.3rem 1.5rem;
}

.product-list .product-item.tour-item .tour-item-meta i,
.product-type-list .product-item.tour-item .tour-item-meta i {
  margin-right: 0.4em;
}

/* --- Feine Linien-Icons statt der gefuellten Font-Awesome-Symbole ---- */
/* Nur in den Tour-Meta-Zeilen (Station und Kachel). Die Zeichnung reicht
   bis an den Rand, damit die Zeile nicht eingerueckt wirkt. */
:is(.tour-meta-item, .tour-item-meta) .fa::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.14em;
  background-color: currentColor;
  -webkit-mask: var(--line-icon) no-repeat center / contain;
          mask: var(--line-icon) no-repeat center / contain;
}

:is(.tour-meta-item, .tour-item-meta) .fa-calendar-o {
  --line-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'%3E%3Crect x='1.2' y='3.5' width='17.6' height='15' rx='1.8'/%3E%3Cpath d='M1.2 8.2h17.6M6 1.2v4M14 1.2v4'/%3E%3C/svg%3E");
}

:is(.tour-meta-item, .tour-item-meta) .fa-map-marker {
  --line-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M10 19s-6.3-5.9-6.3-10.6a6.3 6.3 0 0 1 12.6 0C16.3 13.1 10 19 10 19z'/%3E%3Ccircle cx='10' cy='8.4' r='2.3'/%3E%3C/svg%3E");
}

:is(.tour-meta-item, .tour-item-meta) .fa-clock-o {
  --line-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='8.6'/%3E%3Cpath d='M10 5.2V10l3.2 2.2'/%3E%3C/svg%3E");
}

/* Kasten "Yolenn kommt wieder": Ueberschrift und Formular gehoeren jetzt
   zusammen - keine Trennlinie mehr dazwischen (seit 2026-09-23) */
.tour-status-block .tour-status-headline {
  margin-bottom: 0.6rem;
}

.tour-status-block .tour-reminder-form-wrap {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

/* Icon-Element ohne geerbten Innenabstand und in Textgroesse,
   sonst wirkt die Zeile eingerueckt und das Icon zu gross */
:is(.tour-meta-item, .tour-item-meta) .fa {
  padding: 0;
  font-size: 1.05em;
}

/* --- Weitere Termine: unter dem Zeitraum, je Terminsatz eine Zeile ------ */
/* Kleine Beschriftung, darunter die Termine - klar lesbar, aber deutlich
   hinter dem Hauptzeitraum (2026-09-24, Runde 2: eine Spur kraeftiger). */
.tour-meta-more {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.88em;
  line-height: 1.5;
}

.tour-meta-more-label {
  display: block;
  font-weight: 500;
  font-size: 0.9em;
  color: #918b86;
}

/* Terminzeile als Raster: Icon + Zeitraum in der ersten Zeile, die
   weiteren Termine darunter über die volle Breite, also links am Icon.
   „Nächste Termine“ steht absolut darüber, damit Icon, Ort, Dauer und
   Preis auf der Linie des Datums bleiben; die Meta-Zeile bekommt dafür
   oben Platz. */
.tour-meta-item.tour-meta-date {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  column-gap: 0.5rem;
  row-gap: 0;
  position: relative;
}

.tour-meta-date .tour-meta-more {
  grid-column: 1 / -1;
}

.tour-meta-next-label {
  position: absolute;
  left: 0;
  bottom: 100%;
  white-space: nowrap;
  font-weight: 500;
  font-size: 0.79em;
  line-height: 1.5;
  color: #918b86;
}

/* Die Termine stehen immer zuerst, so hat das Label oben seinen Platz */
.tour-meta-date {
  order: -1;
}

.tour-meta:has(.tour-meta-next-label) {
  margin-top: 1.4rem;
}

.tour-meta-more-date {
  display: block;
  font-weight: 500;
  color: #5d5249;
}

/* --- Adresse auf der Praxisraum-Seite (aus den Einstellungen) ----------- */
.praxisraum-address {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 1.25rem;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  color: #493f35;
}

.praxisraum-address > .fa {
  color: #918b86;
  margin-right: -0.75rem;
}

.praxisraum-address .praxisraum-route {
  font-weight: 500;
  font-size: 0.9em;
}

/* --- Kacheln: Termine wie auf der Stationsseite -------------------------- */
/* Zeitraum zuerst, „Nächste Termine“ klein darüber (absolut, damit der Ort
   auf der Linie des Datums bleibt), weitere Termine darunter, links am Icon */
.tour-item-meta .tour-item-date {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  position: relative;
  order: -1;
}

.tour-item-meta .tour-item-date .tour-meta-more {
  grid-column: 1 / -1;
  font-weight: 500;
}

.tour-item-meta:has(.tour-meta-next-label) {
  margin-top: 1.6rem;
}