/* Nickel 2026 – ergänzende Stile zu theme.json */

:root {
  --n-radius: 18px;
  --n-shadow: 0 1px 2px rgba(43, 43, 43, .04), 0 8px 24px rgba(43, 43, 43, .06);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Kleine Überschrift in Kapitälchen */
.eyebrow {
  font-family: var(--wp--preset--font-family--sans);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--wp--preset--color--sand);
  margin: 0 0 .6rem;
}
.eyebrow a { color: inherit; text-decoration: none; }
.eyebrow:empty { display: none; }

/* Header */
.site-header { background: var(--wp--preset--color--base); border-bottom: 1px solid var(--wp--preset--color--line); position: sticky; top: 0; z-index: 50; }
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
.site-header .wp-block-navigation .wp-block-navigation-item__content { padding: .35rem 0; border-bottom: 2px solid transparent; }
.site-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.site-header .wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content { border-bottom-color: var(--wp--preset--color--terracotta); }
.wp-block-navigation__submenu-container { border-radius: 12px !important; border: 1px solid var(--wp--preset--color--line) !important; box-shadow: var(--n-shadow); padding: .4rem !important; }
.wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: .45rem .8rem !important; border-radius: 8px; }
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--petrol-light); }

/* Seitenkopf */
.page-head { max-width: var(--wp--style--global--wide-size); }
.page-head .wp-block-post-title { max-width: 18ch; text-wrap: balance; }
.page-head .wp-block-post-date { margin-top: .5rem; }

/* Inhalt */
.site-main p { max-width: 70ch; }
.site-main .wp-block-columns p { max-width: none; }
.site-main .wp-block-list li { margin-bottom: .4rem; }
.site-main .wp-block-list li::marker { color: var(--wp--preset--color--terracotta); }
.site-main .wp-block-image img { box-shadow: var(--n-shadow); }
.site-main .wp-block-image.portrait img { border-radius: 200px 200px 24px 24px; aspect-ratio: 4/5; object-fit: cover; object-position: 50% 15%; }
.site-main .wp-block-gallery img { box-shadow: none; }

/* Hero-Intro (Start, Sound & Soul) */
.hero-intro { padding: clamp(1.5rem, 5vw, 3.5rem) 0 clamp(1rem, 3vw, 2rem); }
.hero-intro h1, .hero-intro h2 { max-width: 20ch; text-wrap: balance; }
.hero-intro h1 { font-size: var(--wp--preset--font-size--xx-large); }
.hero-intro p { font-size: 1.25rem; color: #4A4A4A; max-width: 60ch; }

/* Drei Räume – Karten in den Spalten der Startseite */
.wp-block-column.raum { border-radius: var(--n-radius); padding: 1.8rem 1.6rem 1.4rem; border-top: 4px solid; transition: transform .2s ease; }
.wp-block-column.raum:hover { transform: translateY(-3px); }
.wp-block-column.raum h2, .wp-block-column.raum h3 { font-size: 1.6rem; margin-top: .2rem; }
.wp-block-column.raum p { font-size: 1rem; }
.wp-block-column.raum .wp-block-buttons { margin-top: auto; padding-top: .6rem; }
.wp-block-column.raum-forschung { background: var(--wp--preset--color--petrol-light); border-top-color: var(--wp--preset--color--petrol); }
.wp-block-column.raum-buecher { background: var(--wp--preset--color--terracotta-light); border-top-color: var(--wp--preset--color--terracotta); }
.wp-block-column.raum-sound { background: var(--wp--preset--color--sage-light); border-top-color: var(--wp--preset--color--sage); }
.wp-block-column.raum .wp-block-button__link { background: var(--wp--preset--color--contrast); }

/* Karten-Stil für beliebige Gruppen/Spalten */
.is-style-karte, .wp-block-column.karte, .lotusraum-box {
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--n-radius);
  padding: 1.6rem 1.6rem 1.4rem;
  box-shadow: var(--n-shadow);
}
.lotusraum-box { background: var(--wp--preset--color--sage-light); border-color: transparent; box-shadow: none; }
.lotusraum-box h3 { margin-top: 0; }

/* Outline-Button */
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--wp--preset--color--contrast); border: 1.5px solid var(--wp--preset--color--contrast); padding: calc(.8rem - 1.5px) calc(1.4rem - 1.5px); }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--white); }

/* Zitat */
.wp-block-quote p { max-width: 55ch; }
.wp-block-quote cite { display: block; margin-top: .6rem; }
.wp-block-quote cite::before { content: "– "; }

/* Kurztexte-Liste */
.kurztext-card .wp-block-post-title { margin: .2rem 0 .4rem; }
.kurztext-card .wp-block-post-title a { text-decoration: none; }
.kurztext-card .wp-block-post-title a:hover { color: var(--wp--preset--color--teal); }
.kurztext-card .wp-block-post-excerpt__more-link { font-weight: 600; text-decoration: none; }
.post-nav a { text-decoration: none; font-weight: 600; }

/* Footer */
.site-footer .footer-list { list-style: none; padding-left: 0; margin: 0; }
.site-footer .footer-list li { margin-bottom: .35rem; }
.site-footer .footer-list a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.site-footer .footer-list a:hover { color: var(--wp--preset--color--teal); }
.site-footer .wp-block-site-title { margin-bottom: .4rem; }

/* Tabellen, Downloads */
.site-main a[href$=".pdf"]::after { content: " (PDF)"; font-size: .85em; color: var(--wp--preset--color--muted); }

/* Mobil */
@media (max-width: 781px) {
  .wp-block-column.raum { padding: 1.4rem 1.2rem 1.2rem; }
  .hero-intro p { font-size: 1.1rem; }
}
