/* WordPress-spezifische Ergänzungen zum Original-CSS */

/* Body-Reset: WP admin-bar Kompatibilität */
body.admin-bar .nav { top: 32px; }

/* Nav-Mobile hidden-Attribut respektieren */
.nav-mobile[hidden] { display: none; }

/* Polylang Sprachumschalter im lang-toggle Look */
.lang-toggle ul { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; align-items: center; }
.lang-toggle ul li a { text-transform: uppercase; font-family: var(--font-mono, monospace); font-size: 11px; letter-spacing: 0.08em; color: var(--ink-soft, #6b6058); text-decoration: none; padding: 4px 2px; }
.lang-toggle ul li.current-lang a { color: var(--ink, #1F1A17); border-bottom: 1px solid var(--terracotta, #731C1C); }
.lang-toggle ul li + li::before { content: "/"; margin-right: 6px; color: var(--line, #d8cfc2); }

/* FAQ als <details> */
.faq-item { border-bottom: 1px solid var(--line, #d8cfc2); padding: 18px 0; }
.faq-q { cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-family: var(--font-display); font-size: 20px; list-style: none; }
.faq-q::-webkit-details-marker { display: none; }
.faq-plus { font-size: 18px; color: var(--terracotta, #731C1C); transition: transform 0.2s; }
.faq-item[open] .faq-plus { transform: rotate(45deg); }
.faq-a { padding-top: 10px; color: var(--ink-soft, #5a5049); line-height: 1.6; max-width: 640px; }

/* Story-Card als Link */
.story-card-link { text-decoration: none; color: inherit; display: block; }

/* Story-Content (Gutenberg) im Editorial-Look */
.story-content { font-size: 17px; line-height: 1.7; color: var(--ink, #1F1A17); }
.story-content p { margin: 0 0 1.2em; }
.story-content h2, .story-content h3 { font-family: var(--font-display); margin: 1.6em 0 0.5em; }
.story-content img { max-width: 100%; height: auto; }
.story-hero-img { margin: 32px 0; }
.story-header { padding: 40px 0 8px; }
.story-back { padding: 40px 0 80px; }
.container-narrow { max-width: 760px; margin: 0 auto; }

/* Stories-Archiv */
.stories-hero { padding: 140px 0 40px; }
.stories-filter-bar { padding: 8px 0 32px; border-bottom: 1px solid var(--line, #d8cfc2); margin-bottom: 40px; }
.stories-filters { display: flex; gap: 10px; flex-wrap: wrap; }
.sf-chip { text-decoration: none; color: var(--ink-soft, #5a5049); border: 1px solid var(--line, #d8cfc2); border-radius: 999px; padding: 6px 14px; font-size: 11px; }
.sf-chip.is-active, .sf-chip:hover { background: var(--ink, #1F1A17); color: var(--cream, #F8F3EC); border-color: var(--ink, #1F1A17); }
.stories-grid-archive { padding-bottom: 60px; }

/* Booking / Contact Heros */
.booking-hero, .contact-hero, .tours-hero, .about-hero { padding-top: 120px; }
.booking-slot { padding: 40px 0 100px; }
.contact-form-sect { padding: 20px 0 60px; }

/* Tours "Want something else" */
.tours-else { margin: 80px 0 100px; border: 1px solid var(--line, #d8cfc2); padding: 40px; }
.te-inner { display: flex; justify-content: space-between; align-items: center; gap: 32px; flex-wrap: wrap; }

/* Pagination */
.pagination, .nav-links.pagination { padding: 20px 0 80px; font-family: var(--font-mono, monospace); }
.page-numbers { margin-right: 10px; text-decoration: none; color: var(--ink-soft); }
.page-numbers.current { color: var(--terracotta, #731C1C); }


/* Custom Logo (Customizer-Upload) */
.nav-brand-logo { display: flex; align-items: center; }
.nav-brand-logo .custom-logo-link { display: flex; align-items: center; line-height: 0; }
.nav-brand-logo .custom-logo { max-height: 36px; width: auto; height: auto; }
.nav.is-scrolled .nav-brand-logo .custom-logo { max-height: 30px; }
@media (max-width: 720px) { .nav-brand-logo .custom-logo { max-height: 28px; } }

/* ---------- v1.9.32 ---------- */
/* Rechtsseiten: Links im Rechtstext sichtbar. Nur innerhalb der Sprachbloecke, der Cookie-Schalter
   von Complianz steht ausserhalb und behaelt seine eigene Gestaltung. */
.legal-page .legal-lang a {
  color: var(--terracotta, #731C1C);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  transition: color .15s ease;
}
.legal-page .legal-lang a:hover,
.legal-page .legal-lang a:focus-visible { color: #4A1010; }

/* Footer EN: Rechtslinks zweisprachig, der deutsche Teil als eigene, kleinere Zeile im selben Link */
.footer-col-legal a { display: inline-block; line-height: 1.35; }
.footer-col-legal .fl-de { display: block; margin-top: 2px; font-size: 12px; color: rgba(255,255,255,0.6); }
.footer-col-legal a:hover .fl-de { color: inherit; }
/* Bis 1240px ist die dritte Spalte zu schmal fuer "Terms and Conditions (B2C)", sie rueckt dann
   ueber die volle Breite unter "Visit" und "Find us" */
@media (min-width: 721px) and (max-width: 1240px) {
  .footer-cols-legal-bi { grid-template-columns: 1fr 1.4fr; }
}
@media (max-width: 1240px) {
  .footer-cols-legal-bi .footer-col-legal { grid-column: 1 / -1; }
}