/*
 * Naturheilpraxis Walbrunn - Apple-like Design Optimierung
 * Kompakt, aufgeraeumt, einheitliche Typografie, reduzierte Abstaende
 * --------------------------------------------------------
 */

/* ============================================
   0. GLOBALS - Apple-like Foundation
   ============================================ */
body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  overflow-x: clip;
  background: #fff !important;
}

a, button, .wp-block-button__link {
  transition: color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1),
              background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1),
              border-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1),
              transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1),
              box-shadow 0.25s cubic-bezier(0.25, 0.1, 0.25, 1),
              opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

/* ============================================
   1. EINHEITLICHE TYPOGRAFIE
   ============================================ */
main h2.wp-block-heading,
.entry-content h2.wp-block-heading {
  font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}

main h3.wp-block-heading,
.entry-content h3.wp-block-heading {
  font-size: clamp(1.15rem, 1.5vw + 0.4rem, 1.5rem) !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}

main h4.wp-block-heading,
.entry-content h4.wp-block-heading {
  font-size: clamp(1rem, 1.2vw + 0.3rem, 1.25rem) !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

main h5.wp-block-heading,
.entry-content h5.wp-block-heading {
  font-size: clamp(1rem, 1vw + 0.3rem, 1.15rem) !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.wp-block-post-title,
h2.wp-block-post-title {
  font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
}

main p,
.entry-content p {
  font-size: clamp(0.9375rem, 0.5vw + 0.8rem, 1.0625rem) !important;
  line-height: 1.6 !important;
  color: #1d1d1f !important;
}

.wp-block-post-excerpt,
.wp-block-post-excerpt__excerpt {
  font-size: clamp(0.875rem, 0.5vw + 0.75rem, 1rem) !important;
  line-height: 1.55 !important;
}

.has-small-font-size {
  font-size: 0.875rem !important;
}

main ul.wp-block-list li,
main ol li,
.entry-content ul.wp-block-list li {
  font-size: clamp(0.9375rem, 0.5vw + 0.8rem, 1.0625rem) !important;
  line-height: 1.55 !important;
}

/* ============================================
   2. ABSTAENDE - APPLE KOMPAKT
   Reduziert: max 64px statt 80px+
   ============================================ */

/* Alle Sektionen: kompaktere vertikale Abstande */
.entry-content > .wp-block-group.alignfull {
  padding-top: clamp(36px, 5vw, 64px) !important;
  padding-bottom: clamp(36px, 5vw, 64px) !important;
}

.entry-content > .wp-block-columns.alignwide {
  padding-top: clamp(24px, 3vw, 40px) !important;
  padding-bottom: clamp(24px, 3vw, 40px) !important;
}

/* Spacer radikal reduzieren */
.wp-block-spacer {
  height: clamp(16px, 2.5vw, 32px) !important;
}

/* Abstand zwischen Sektions-Blöcken reduzieren (nur zwischen alignfull-Sektionen) */
.entry-content > .alignfull + .alignfull {
  margin-top: 0 !important;
}

/* Konsistente Abstände innerhalb von Sektionen */
.entry-content .wp-block-group h2.wp-block-heading {
  margin-bottom: 12px !important;
}

.entry-content .wp-block-buttons {
  margin-top: 20px !important;
}

.entry-content .wp-block-buttons + p,
.entry-content p + .wp-block-buttons {
  margin-top: 16px !important;
}

/* ============================================
   3. HINTERGRUND-VEREINHEITLICHUNG
   Apple = wenig Farbwechsel, weiss dominant
   ============================================ */

/* Alle weissen/hellen Sektionen: einheitlich weiss */
.entry-content > .wp-block-group.alignfull[style*="background-color:#ffffff"],
.entry-content > .wp-block-group.alignfull[style*="color:#000000"] {
  background-color: #fff !important;
  color: #1d1d1f !important;
}

/* Termin-CTA Sektion: sanfter Hintergrund statt hart */
.entry-content > .wp-block-group.alignfull.has-background-background-color {
  background: #f5f5f7 !important;
}

/* ============================================
   4. HEADER - Apple Frosted Glass
   ============================================ */
header.wp-block-template-part {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Frosted Glass nur auf Desktop (kein Hamburger-Menue) */
@media screen and (min-width: 769px) {
  header.wp-block-template-part {
    background: rgba(255, 255, 255, 0.72) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
    backdrop-filter: saturate(180%) blur(20px) !important;
  }
}

header.wp-block-template-part > .wp-block-group {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

header .wp-block-site-logo img {
  max-height: 48px !important;
  width: auto !important;
  height: auto !important;
}

/* Nav-Links: Apple style */
.wp-block-navigation .wp-block-navigation-item__content {
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  opacity: 0.88;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
  opacity: 1;
}

/* Submenu - Desktop Dropdown */
.wp-block-navigation .wp-block-navigation__submenu-container {
  border-radius: 12px !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12) !important;
  border: 0.5px solid rgba(0, 0, 0, 0.08) !important;
  overflow: hidden;
  padding: 4px !important;
}

/* Submenu - Mobile: kein Dropdown-Look, sondern eingerueckt */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  padding-left: 16px !important;
  overflow: visible;
}

/* Mobile Menu Fix:
   Problem: Header (sticky + z-index:9999) erzeugt Stacking Context.
   Das Menü-Overlay (Kind des Headers) ist darin gefangen und kann
   nicht über main-Inhalte hinausragen.
   Lösung: Wenn Menü offen ist (WordPress setzt html.has-modal-open),
   Header-Stacking-Context auflösen. */

/* Variante 1: html.has-modal-open (WordPress Core, beste Kompatibilität) */
html.has-modal-open header.wp-block-template-part {
  position: relative !important;
  z-index: auto !important;
}

/* Variante 2: :has() Fallback fuer aeltere WP-Versionen */
header.wp-block-template-part:has(.is-menu-open) {
  position: relative !important;
  z-index: auto !important;
}

/* Menü-Overlay: Apple Frosted Glass */
.wp-block-navigation__responsive-container.is-menu-open {
  background: rgba(255, 255, 255, 0.97) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
}

/* Hamburger-Button immer klickbar */
.wp-block-navigation__responsive-container-open {
  pointer-events: auto !important;
}


/* Seiteninhalt: eigener Stacking Context bei z-index 1.
   Dadurch werden ALLE Kind-Elemente (auch solche mit will-change,
   content-visibility etc.) in diesen Context eingebunden und können
   nie über den Header (z-index 9999) hinausragen. */
main {
  position: relative !important;
  z-index: 1 !important;
  isolation: isolate !important;
}

/* ============================================
   5. HERO - Apple Clean
   ============================================ */
.wp-block-cover.alignfull {
  min-height: 80vh !important;
}

.wp-block-cover .wp-block-cover__background,
.wp-block-cover .has-background-dim {
  background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.6) 100%) !important;
}

.wp-block-cover .wp-block-cover__inner-container {
  max-width: 680px !important;
}

.wp-block-cover h2.wp-block-heading {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.25rem) !important;
  letter-spacing: -0.04em !important;
  line-height: 1.08 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}

.wp-block-cover p.has-text-align-center {
  opacity: 1;
  font-weight: 500;
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

/* ============================================
   6. BUTTONS - Apple Pill Style
   ============================================ */

/* Alle Buttons: Apple pill shape */
.wp-block-button__link,
.wp-element-button {
  border-radius: 980px !important;
  letter-spacing: -0.01em !important;
}

/* will-change: transform entfernt - erzeugt unnoetige Stacking Contexts */

.wp-block-button__link:hover,
.wp-element-button:hover {
  transform: scale(1.02);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Terminvereinbarung: Haupt-CTA gefuellt */
.is-style-outline--2 .wp-block-button__link {
  background-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  color: #fff !important;
  border-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  padding: 12px 28px !important;
  font-weight: 500 !important;
  font-size: 0.9375rem !important;
}

.is-style-outline--2 .wp-block-button__link:hover {
  background-color: #3d5119 !important;
  border-color: #3d5119 !important;
  color: #fff !important;
  transform: scale(1.04);
  box-shadow: 0 4px 16px rgba(52, 69, 20, 0.25) !important;
}

/* PDF-Leitfaden Buttons */
.is-style-outline--3 .wp-block-button__link,
.is-style-outline--4 .wp-block-button__link {
  border-width: 1.5px !important;
  padding: 12px 24px !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  background: transparent !important;
}

.is-style-outline--3 .wp-block-button__link:hover,
.is-style-outline--4 .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  color: #fff !important;
  border-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  transform: scale(1.02);
}

/* Hero Button */
.wp-block-cover .wp-block-button__link {
  padding: 12px 28px !important;
  font-weight: 500 !important;
  font-size: 0.9375rem !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* ============================================
   7. PROFIL-KARTE - Cleaner
   ============================================ */
.wp-block-columns.alignwide:has(.has-tertiary-background-color) {
  max-width: 960px !important;
  margin: 0 auto !important;
}

.has-tertiary-background-color.has-background {
  background: #f5f5f7 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 20px !important;
  padding: clamp(24px, 3vw, 40px) !important;
}

/* Profil-Spalten: Bild und Text top-aligned */
.has-tertiary-background-color .wp-block-columns,
.wp-block-columns.alignwide:has(.has-tertiary-background-color) {
  align-items: flex-start !important;
  gap: clamp(24px, 3vw, 40px) !important;
}

/* Bild-Spalte: top-aligned, feste Breite */
.has-tertiary-background-color .wp-block-column[style*="flex-basis:40%"] {
  align-self: flex-start !important;
}

.has-tertiary-background-color figure.wp-block-image {
  margin: 0 !important;
}

.has-tertiary-background-color figure.wp-block-image img {
  object-fit: cover !important;
  border-radius: 14px !important;
  width: 100% !important;
  aspect-ratio: 3 / 4;
}

/* Text-Spalte: kompakter */
.has-tertiary-background-color .wp-block-column:not([style*="flex-basis:40%"]) {
  align-self: flex-start !important;
}

.has-tertiary-background-color .wp-block-column:not([style*="flex-basis:40%"]) h3 {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}

.has-tertiary-background-color .wp-block-column:not([style*="flex-basis:40%"]) p:first-of-type {
  color: #636366 !important;
  margin-bottom: 16px !important;
}

/* Profil-Liste sauberer */
.has-tertiary-background-color ul.wp-block-list {
  padding-left: 0 !important;
  list-style: none !important;
}

.has-tertiary-background-color ul.wp-block-list li {
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.has-tertiary-background-color ul.wp-block-list li:last-child {
  border-bottom: none !important;
}

/* ============================================
   8. LEISTUNGS-KACHELN - Modern Cards
   ============================================ */

/* Kachel-Container: Spalte mit Cover-Bild + Text-Gruppe */
.wp-block-column:has(> .wp-block-cover + .wp-block-group) {
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #f5f5f7 !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.wp-block-column:has(> .wp-block-cover + .wp-block-group):hover {
  transform: scale(1.01);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

/* Doppelten Bild-Text ausblenden */
.wp-block-column:has(> .wp-block-cover + .wp-block-group) > .wp-block-cover .wp-block-cover__inner-container {
  display: none !important;
}

/* Bild in Kachel */
.wp-block-column:has(> .wp-block-cover + .wp-block-group) > .wp-block-cover {
  min-height: 180px !important;
  max-height: 200px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Overlay minimal */
.wp-block-column:has(> .wp-block-cover + .wp-block-group) > .wp-block-cover .wp-block-cover__background,
.wp-block-column:has(> .wp-block-cover + .wp-block-group) > .wp-block-cover .has-background-dim {
  opacity: 0.05 !important;
  background: #000 !important;
}

/* Text unter Bild */
.wp-block-column:has(> .wp-block-cover + .wp-block-group) > .wp-block-group {
  padding: 20px 24px 24px !important;
  background: transparent !important;
}

.wp-block-column:has(> .wp-block-cover + .wp-block-group) > .wp-block-group p {
  color: #636366 !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

/* Kachel-Zeilen Abstand */
.wp-block-columns:has(> .wp-block-column > .wp-block-cover) {
  gap: 20px !important;
  margin-top: 0 !important;
}

/* Wrapper der Kacheln: kompakter */
.entry-content > .wp-block-group.alignfull.has-global-padding:has(.wp-block-column > .wp-block-cover) {
  padding-top: 0 !important;
  padding-bottom: 12px !important;
}

/* Zweite Kachel-Zeile */
.wp-block-group.alignfull.has-global-padding + .wp-block-group.alignfull.has-global-padding {
  padding-top: 0 !important;
}

.wp-block-columns[style*="margin-top:48px"] {
  margin-top: 0 !important;
}

/* ============================================
   9. BLOG-POST - Aufgeraeumt
   ============================================ */
.wp-block-query.alignfull {
  padding-top: clamp(24px, 3vw, 40px) !important;
  padding-bottom: clamp(24px, 3vw, 40px) !important;
}

.wp-block-query.alignfull .wp-block-group[style*="padding-bottom:var(--wp--preset--spacing--80)"] {
  padding-bottom: 24px !important;
}

.wp-block-query.alignfull .wp-block-group[style*="padding-top:var(--wp--preset--spacing--40)"] {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.wp-block-post-excerpt__excerpt {
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #636366 !important;
}

.wp-block-post-title a {
  text-decoration: none !important;
  color: #1d1d1f !important;
}

.wp-block-post-title a:hover {
  color: var(--wp--preset--color--custom-color-1, #344514) !important;
}

/* Blog-Post-Karten in der Uebersicht */
.wp-block-post-template .wp-block-post {
  padding-bottom: clamp(20px, 3vw, 32px) !important;
  margin-bottom: clamp(20px, 3vw, 32px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.wp-block-post-template .wp-block-post:last-child {
  border-bottom: none !important;
}

/* Featured Image in Blog-Liste */
.wp-block-post-template .wp-block-post-featured-image img {
  border-radius: 14px !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}

/* "Weiterlesen" Link */
.wp-block-post-excerpt__more-link,
.wp-block-read-more {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: var(--wp--preset--color--custom-color-1, #344514) !important;
  text-decoration: none !important;
}

.wp-block-post-excerpt__more-link:hover,
.wp-block-read-more:hover {
  text-decoration: underline !important;
}

/* Pagination */
.wp-block-query-pagination {
  margin-top: 24px !important;
  gap: 8px !important;
}

.wp-block-query-pagination-numbers .page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
  font-size: 0.875rem !important;
  padding: 8px 14px !important;
  border-radius: 980px !important;
  color: #1d1d1f !important;
  text-decoration: none !important;
}

.wp-block-query-pagination-numbers .page-numbers.current {
  background: var(--wp--preset--color--custom-color-1, #344514) !important;
  color: #fff !important;
}

.wp-block-query-pagination-numbers .page-numbers:hover:not(.current) {
  background: #f5f5f7 !important;
}

/* Leerer Bereich unter Blog-Post */
.wp-block-query.alignfull .wp-block-group:empty,
.wp-block-query.alignfull .wp-block-group:not(:has(*)) {
  padding: 0 !important;
  min-height: 0 !important;
}

/* ============================================
   9a. UNTERSEITEN - Allgemeines Layout
   ============================================ */

/* Seiten-Header auf Unterseiten (ohne Hero-Cover) */
.page-template-default .entry-content > .wp-block-group.alignfull:first-child,
.single .entry-content > .wp-block-group.alignfull:first-child {
  padding-top: clamp(48px, 6vw, 80px) !important;
  padding-bottom: clamp(24px, 3vw, 40px) !important;
}

/* Seiten-Seiteninhalt: max-width fuer Lesekomfort */
.page-template-default .entry-content > .wp-block-group.alignfull > .wp-block-group,
.page-template-default .entry-content > .wp-block-group > p,
.page-template-default .entry-content > p {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Bilder auf Unterseiten */
.page-template-default .entry-content figure.wp-block-image:not(.alignfull):not(.alignwide) img,
.single .entry-content figure.wp-block-image:not(.alignfull):not(.alignwide) img {
  border-radius: 14px !important;
}

/* Spalten-Layout auf Unterseiten: sauberer Gap */
.page-template-default .entry-content .wp-block-columns,
.single .entry-content .wp-block-columns {
  gap: clamp(20px, 3vw, 40px) !important;
}

/* Tabellen auf Unterseiten (z.B. Preisliste) */
.entry-content table,
.wp-block-table table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 0.9375rem !important;
}

.entry-content table th {
  font-weight: 600 !important;
  text-align: left !important;
  padding: 12px 16px !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
  color: #1d1d1f !important;
}

.entry-content table td {
  padding: 10px 16px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  color: #1d1d1f !important;
}

.entry-content table tr:last-child td {
  border-bottom: none !important;
}

.entry-content table tr:hover td {
  background: rgba(0, 0, 0, 0.02) !important;
}

/* ============================================
   9b. EINZELNER BLOGBEITRAG (Single Post)
   ============================================ */

/* Seitentitel auf Einzelseiten & Posts */
.wp-block-post-title,
h1.wp-block-post-title,
h1.entry-title {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: #1d1d1f !important;
  max-width: 720px !important;
}

/* Post-Meta (Datum, Kategorie) */
.wp-block-post-date,
.wp-block-post-terms,
.post-meta,
.entry-meta {
  font-size: 0.8125rem !important;
  color: #636366 !important;
  margin-bottom: 24px !important;
}

.wp-block-post-date a,
.wp-block-post-terms a {
  color: var(--wp--preset--color--custom-color-1, #344514) !important;
  text-decoration: none !important;
}

.wp-block-post-date a:hover,
.wp-block-post-terms a:hover {
  text-decoration: underline !important;
}

/* Featured Image im Post */
.wp-block-post-featured-image img,
.entry-content > figure.wp-block-image.alignwide img,
.entry-content > figure.wp-block-image.alignfull img {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Inhalt begrenzen fuer Lesekomfort */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > blockquote,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4 {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Blockquote */
.entry-content blockquote,
.wp-block-quote {
  border-left: 3px solid var(--wp--preset--color--custom-color-1, #344514) !important;
  padding: 16px 24px !important;
  margin: 24px auto !important;
  max-width: 720px !important;
  background: #f5f5f7 !important;
  border-radius: 0 12px 12px 0 !important;
}

.wp-block-quote p {
  font-size: 1.0625rem !important;
  font-style: italic !important;
  color: #1d1d1f !important;
}

/* Separator */
.wp-block-separator {
  border-color: rgba(0, 0, 0, 0.08) !important;
  max-width: 120px !important;
  margin: clamp(24px, 3vw, 40px) auto !important;
}

/* Bilder im Inhalt */
.entry-content figure.wp-block-image {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.entry-content figure.wp-block-image figcaption {
  font-size: 0.8125rem !important;
  color: #636366 !important;
  text-align: center !important;
  margin-top: 8px !important;
}

/* ============================================
   10. INSTAGRAM FEED
   ============================================ */
.sbi_item .sbi_photo_wrap {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.sbi_item .sbi_photo img {
  transition: transform 0.4s ease !important;
}

.sbi_item .sbi_photo:hover img {
  transform: scale(1.03) !important;
}

#sb_instagram {
  padding-top: clamp(16px, 3vw, 32px) !important;
  padding-bottom: clamp(16px, 3vw, 32px) !important;
}

/* Max. 8 Beiträge anzeigen */
#sbi_images .sbi_item:nth-child(n+9),
.sbi_items .sbi_item:nth-child(n+9),
#sb_instagram .sbi_item:nth-child(n+9) {
  display: none !important;
}

.sbi_header_text h3 {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.sbi_header_text .sbi_bio {
  font-size: 0.8125rem !important;
  line-height: 1.4 !important;
  color: #636366 !important;
}

/* ============================================
   11. KONTAKT & ANFAHRT
   ============================================ */

/* Kontakt-Spalten: die Sektion mit iframe/Karte erkennen */
.wp-block-columns:has(iframe),
.wp-block-columns:has(.cmplz-placeholder-parent) {
  gap: clamp(24px, 4vw, 40px) !important;
  align-items: center !important;
}

.wp-block-columns:has(iframe) > .wp-block-column:first-child p,
.wp-block-columns:has(.cmplz-placeholder-parent) > .wp-block-column:first-child p {
  margin-bottom: 4px !important;
}

.wp-block-columns:has(iframe) > .wp-block-column:last-child,
.wp-block-columns:has(.cmplz-placeholder-parent) > .wp-block-column:last-child {
  min-height: 300px !important;
}

.wp-block-columns:has(iframe) iframe,
.wp-block-columns:has(iframe) .cmplz-placeholder-parent,
.wp-block-columns:has(.cmplz-placeholder-parent) .cmplz-placeholder-parent {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* ============================================
   12. FOOTER
   ============================================ */
footer.wp-block-template-part {
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

footer.wp-block-template-part p,
footer.wp-block-template-part .has-small-font-size {
  font-size: 0.8125rem !important;
  line-height: 1.5 !important;
  color: #636366 !important;
}

footer.wp-block-template-part a {
  color: #1d1d1f !important;
}

footer.wp-block-template-part a:hover {
  color: var(--wp--preset--color--custom-color-1, #344514) !important;
}

/* ============================================
   13. NEWSLETTER/MAILPOET - Responsive
   ============================================ */

/* Abstand zur vorherigen Sektion */
.entry-content > .wp-block-group:has(.mailpoet_form),
.mailpoet_form_below_posts {
  margin-top: clamp(40px, 6vw, 80px) !important;
}

/* Container: breiter auf Desktop, kompakt auf Mobil */
.mailpoet_form {
  max-width: 640px !important;
  margin: 0 auto !important;
  text-align: center !important;
  padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 48px) !important;
  border-radius: 20px !important;
}

/* Formular-Ueberschrift: nur die erste h2 ist Titel */
.mailpoet_form h2.mailpoet-heading:first-of-type {
  font-size: 1.375rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #1d1d1f !important;
  margin-bottom: 8px !important;
}

/* Folgende h2 sind Beschreibungstexte - als Paragraph darstellen */
.mailpoet_form h2.mailpoet-heading {
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  color: #636366 !important;
  margin-bottom: 16px !important;
  line-height: 1.6 !important;
}

.mailpoet_form p {
  color: #636366 !important;
  font-size: 0.9375rem !important;
  margin-bottom: 20px !important;
}

/* Logo im Formular */
.mailpoet_form .mailpoet_form_image img {
  width: 64px !important;
  height: auto !important;
  margin-bottom: 12px !important;
}

/* Checkbox-Einwilligung kleiner */
.mailpoet_form .mailpoet_checkbox_label {
  font-size: 0.8125rem !important;
  line-height: 1.5 !important;
  color: #636366 !important;
  text-align: left !important;
}

.mailpoet_form fieldset legend.mailpoet_checkbox_label {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
}

/* Input-Felder */
.mailpoet_form input[type="email"],
.mailpoet_form input[type="text"],
.mailpoet_form .mailpoet_text {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 0.9375rem !important;
  background: #fff !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease !important;
}

.mailpoet_form input[type="email"]:focus,
.mailpoet_form input[type="text"]:focus,
.mailpoet_form .mailpoet_text:focus {
  border-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(52, 69, 20, 0.1) !important;
}

/* Submit-Button */
.mailpoet_form input[type="submit"],
.mailpoet_form .mailpoet_submit {
  background-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 980px !important;
  padding: 12px 28px !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  width: 100% !important;
  margin-top: 8px !important;
  transition: background-color 0.25s ease, transform 0.25s ease !important;
}

.mailpoet_form input[type="submit"]:hover,
.mailpoet_form .mailpoet_submit:hover {
  background-color: #3d5119 !important;
  transform: scale(1.02);
}

/* Abstände zwischen Formular-Feldern */
.mailpoet_form .mailpoet_paragraph,
.mailpoet_form .mailpoet_form_group {
  margin-bottom: 12px !important;
}

/* Labels */
.mailpoet_form label {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
  margin-bottom: 4px !important;
  display: block !important;
  text-align: left !important;
}

/* Datenschutz-Hinweis */
.mailpoet_form .mailpoet_validate_success,
.mailpoet_form .mailpoet_paragraph:last-of-type {
  font-size: 0.75rem !important;
  color: #636366 !important;
}

/* Umgebende Sektion - volle Breite, passend zu Kontakt & Anfahrt */
.entry-content .wp-block-group:has(.mailpoet_form) {
  background: #f5f5f7 !important;
  border-radius: 0 !important;
  padding: clamp(36px, 5vw, 64px) clamp(24px, 3vw, 40px) !important;
  max-width: none !important;
  margin: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* ============================================
   13b. RECHTLICHE SEITEN (Impressum, Datenschutz)
   ============================================ */

/* Kompaktes Layout fuer Rechtstexte */
body.page-template-default .entry-content h2.wp-block-heading + p,
body.page-template-default .entry-content h3.wp-block-heading + p {
  margin-top: 4px !important;
}

/* Links in Rechtstexten */
.entry-content a:not(.wp-block-button__link) {
  color: var(--wp--preset--color--custom-color-1, #344514) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 1px !important;
}

.entry-content a:not(.wp-block-button__link):hover {
  text-decoration-thickness: 2px !important;
}

/* ============================================
   13c. KONTAKT-SEITE (eigenstaendig)
   ============================================ */

/* Kontakt-Formular (WPForms, CF7 o.ae.) */
.wpforms-container,
.wpcf7 {
  max-width: 600px !important;
  margin: 0 auto !important;
}

.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 0.9375rem !important;
  background: #fff !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease !important;
}

.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(52, 69, 20, 0.1) !important;
}

.wpforms-container textarea,
.wpcf7 textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

.wpforms-container .wpforms-submit,
.wpcf7 input[type="submit"] {
  background-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 980px !important;
  padding: 12px 28px !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease, transform 0.25s ease !important;
}

.wpforms-container .wpforms-submit:hover,
.wpcf7 input[type="submit"]:hover {
  background-color: #3d5119 !important;
  transform: scale(1.02);
}

.wpforms-container label,
.wpcf7 label {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
  margin-bottom: 4px !important;
  display: block !important;
}

/* ============================================
   14. RESPONSIVE - TABLET (max 1024px)
   ============================================ */
@media screen and (max-width: 1024px) {
  header .wp-block-site-logo img {
    max-height: 44px !important;
  }

  .wp-block-button.has-custom-width.wp-block-button__width-50 {
    width: 100% !important;
  }

  .wp-block-buttons.is-horizontal {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .wp-block-buttons.is-horizontal .wp-block-button {
    width: 100% !important;
  }

  /* Kacheln auf Tablet: 2 nebeneinander OK, Abstand reduzieren */
  .wp-block-columns:has(> .wp-block-column > .wp-block-cover) {
    gap: 16px !important;
  }
}

/* ============================================
   15. RESPONSIVE - MOBILE (max 768px)
   ============================================ */
@media screen and (max-width: 768px) {
  /* Header */
  header.wp-block-template-part > .wp-block-group {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  header .wp-block-site-logo img {
    max-height: 38px !important;
  }

  /* "Ganzheitliche Gesundheit" Tagline weg */
  header.wp-block-template-part p:not(.wp-block-site-title) {
    display: none !important;
  }

  /* Hero */
  .wp-block-cover.alignfull {
    min-height: 65vh !important;
  }

  .wp-block-cover h2.wp-block-heading {
    font-size: 1.625rem !important;
  }

  /* Sektionen kompakter */
  .entry-content > .wp-block-group.alignfull {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  /* h2 Mobile */
  main h2.wp-block-heading,
  .entry-content h2.wp-block-heading,
  h2.wp-block-post-title {
    font-size: 1.375rem !important;
  }

  main h3.wp-block-heading {
    font-size: 1.125rem !important;
  }

  main h5.wp-block-heading {
    font-size: 0.9375rem !important;
  }

  /* Profil-Karte */
  .has-tertiary-background-color.has-background {
    padding: 20px !important;
    border-radius: 16px !important;
  }

  .has-tertiary-background-color .wp-block-column[style*="flex-basis:40%"] {
    flex-basis: 100% !important;
  }

  .has-tertiary-background-color figure.wp-block-image img {
    max-width: 200px !important;
    margin: 0 auto 16px auto !important;
    display: block !important;
  }

  /* Kontakt stacken */
  .wp-block-columns:has(iframe),
  .wp-block-columns:has(.cmplz-placeholder-parent) {
    flex-wrap: wrap !important;
    gap: 20px !important;
  }

  .wp-block-columns:has(iframe) > .wp-block-column,
  .wp-block-columns:has(.cmplz-placeholder-parent) > .wp-block-column {
    flex-basis: 100% !important;
    min-width: 100% !important;
  }

  .wp-block-columns:has(iframe) > .wp-block-column:last-child,
  .wp-block-columns:has(.cmplz-placeholder-parent) > .wp-block-column:last-child {
    min-height: 220px !important;
  }

  /* Spacer noch kleiner */
  .wp-block-spacer {
    height: 16px !important;
  }

  /* Newsletter auf Mobil kompakter */
  .mailpoet_form {
    max-width: 100% !important;
  }

  /* Instagram */
  #sb_instagram {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Kacheln: stacken */
  .wp-block-columns:has(> .wp-block-column > .wp-block-cover) {
    flex-wrap: wrap !important;
  }

  .wp-block-columns:has(> .wp-block-column > .wp-block-cover) > .wp-block-column {
    flex-basis: 100% !important;
    min-width: 100% !important;
  }
}

/* ============================================
   16. RESPONSIVE - KLEINES MOBILE (max 480px)
   ============================================ */
@media screen and (max-width: 480px) {
  header .wp-block-site-logo img {
    max-height: 34px !important;
  }

  .wp-block-cover.alignfull {
    min-height: 55vh !important;
  }

  .wp-block-cover h2.wp-block-heading {
    font-size: 1.375rem !important;
  }

  .wp-block-cover p {
    font-size: 0.875rem !important;
  }

  main h2.wp-block-heading,
  .entry-content h2.wp-block-heading,
  h2.wp-block-post-title {
    font-size: 1.25rem !important;
  }

  .wp-block-button {
    width: 100% !important;
  }

  .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
    padding: 12px 20px !important;
  }

  .entry-content > .wp-block-group.alignfull {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

/* ============================================
   17. PERFORMANCE - Lazy Rendering
   ============================================ */

/* Below-the-fold Sektionen erst rendern wenn sichtbar */
.entry-content > .wp-block-group.alignfull:nth-child(n+3),
.entry-content > .wp-block-columns.alignwide:nth-child(n+3),
.wp-block-query.alignfull {
  content-visibility: auto;
  contain-intrinsic-size: auto 500px;
}

/* ============================================
   18. ACCESSIBILITY & POLISH
   ============================================ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible {
  outline: 2px solid var(--wp--preset--color--custom-color-1, #344514) !important;
  outline-offset: 3px !important;
  border-radius: 4px;
}

::selection {
  background: rgba(52, 69, 20, 0.12);
}

/* ============================================
   19. LOGIN-SEITE - Apple Clean
   ============================================ */

/* Container zentrieren */
.tml.tml-login {
  max-width: 400px !important;
  margin: 0 auto !important;
  padding: 40px 32px !important;
  background: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06) !important;
}

/* Formular-Felder */
.tml .tml-field-wrap input[type="text"],
.tml .tml-field-wrap input[type="password"],
.tml .tml-field-wrap input[type="email"] {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 1rem !important;
  background: #f5f5f7 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  -webkit-appearance: none !important;
}

.tml .tml-field-wrap input:focus {
  border-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(52, 69, 20, 0.1) !important;
  background: #fff !important;
}

/* Labels */
.tml .tml-field-wrap label {
  display: block !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
  margin-bottom: 6px !important;
}

/* Abstand zwischen Feldern */
.tml .tml-field-wrap {
  margin-bottom: 16px !important;
}

/* Anmelden-Button */
.tml .tml-submit-wrap input[type="submit"],
.tml .tml-submit-wrap button {
  width: 100% !important;
  background-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 980px !important;
  padding: 14px 28px !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease, transform 0.25s ease !important;
}

.tml .tml-submit-wrap input[type="submit"]:hover,
.tml .tml-submit-wrap button:hover {
  background-color: #3d5119 !important;
  transform: scale(1.02);
}

/* Checkbox "Angemeldet bleiben" */
.tml .tml-rememberme-wrap {
  margin: 12px 0 20px !important;
}

.tml .tml-rememberme-wrap label {
  font-size: 0.8125rem !important;
  color: #636366 !important;
  font-weight: 400 !important;
}

/* Links (Passwort vergessen etc.) */
.tml-action-links {
  margin-top: 16px !important;
  text-align: center !important;
  list-style: none !important;
  padding: 0 !important;
}

.tml-action-links li {
  display: inline !important;
}

.tml-action-links a {
  font-size: 0.8125rem !important;
  color: var(--wp--preset--color--custom-color-1, #344514) !important;
}

/* Nextend Social Login - doppelten Button in TML-Formular entfernen */
#nsl-custom-login-form-1 {
  display: none !important;
}

/* NSL Button styling */
.nsl-container {
  max-width: 400px !important;
  margin: 0 auto 20px !important;
  text-align: center !important;
}

.nsl-container[data-align="left"] {
  text-align: center !important;
}

.nsl-container .nsl-container-buttons {
  justify-content: center !important;
}

.nsl-button {
  border-radius: 12px !important;
  padding: 12px 20px !important;
  font-size: 0.9375rem !important;
}

/* Separator "— oder —" */
.nsl-separator {
  max-width: 400px !important;
  margin: 0 auto !important;
  padding: 16px 0 !important;
  font-size: 0.8125rem !important;
  color: #636366 !important;
}

/* ============================================
   20. ULTIMATE MEMBER - Account & Profil
   ============================================ */

/* Container */
.um.um-account,
.um.um-profile {
  max-width: 640px !important;
  margin: 0 auto !important;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif !important;
}

/* Seitentitel */
.um-account .um-account-name {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #1d1d1f !important;
}

/* Tab-Navigation links */
.um-account .um-account-side {
  background: #f5f5f7 !important;
  border-radius: 16px !important;
  border: none !important;
  overflow: hidden !important;
}

.um-account .um-account-side li {
  border: none !important;
}

.um-account .um-account-side li a {
  border: none !important;
  transition: background-color 0.2s ease !important;
}

.um-account .um-account-side li a:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}

.um-account .um-account-side li a.current,
.um-account .um-account-side li.um-account-tab-active a {
  background: var(--wp--preset--color--custom-color-1, #344514) !important;
  color: #fff !important;
  border: none !important;
}

.um-account .um-account-side li a.current i,
.um-account .um-account-side li.um-account-tab-active a i {
  color: #fff !important;
}

/* Icons in Tab-Nav */
.um-account .um-account-side li a i {
  color: #636366 !important;
  transition: color 0.2s ease !important;
}

/* Tab-Inhalt rechts */
.um-account .um-account-main {
  border: none !important;
}

/* Sektions-Titel */
.um-account .um-account-heading,
.um-account .um-account-title {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.01em !important;
}

.um-account .um-account-heading i {
  color: var(--wp--preset--color--custom-color-1, #344514) !important;
}

/* Labels */
.um-account label,
.um-profile label,
.um .um-field-label {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
  margin-bottom: 6px !important;
}

/* Formular-Felder */
.um-account input[type="text"],
.um-account input[type="email"],
.um-account input[type="password"],
.um-account input[type="tel"],
.um-account input[type="url"],
.um-account textarea,
.um-account select,
.um-profile input[type="text"],
.um-profile input[type="email"],
.um-profile input[type="password"],
.um-profile textarea,
.um-profile select {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 1rem !important;
  background: #f5f5f7 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  -webkit-appearance: none !important;
  color: #1d1d1f !important;
}

.um-account input:focus,
.um-account textarea:focus,
.um-account select:focus,
.um-profile input:focus,
.um-profile textarea:focus,
.um-profile select:focus {
  border-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(52, 69, 20, 0.1) !important;
  background: #fff !important;
}

/* Buttons - Primary (Submit/Speichern) */
.um-account input[type="submit"],
.um-account button[type="submit"],
.um-account .um-button,
.um-account a.um-button,
.um-profile input[type="submit"],
.um-profile .um-button {
  background-color: var(--wp--preset--color--custom-color-1, #344514) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 980px !important;
  padding: 14px 28px !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease, transform 0.25s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
  line-height: 1.4 !important;
}

.um-account input[type="submit"]:hover,
.um-account button[type="submit"]:hover,
.um-account .um-button:hover,
.um-profile input[type="submit"]:hover,
.um-profile .um-button:hover {
  background-color: #3d5119 !important;
  transform: scale(1.02) !important;
}

/* Sekundaere Buttons (Daten anfordern etc.) */
.um-account .um-request-button,
.um-account .um-account-export-btn,
.um-account .um-account-delete-btn {
  background: #fff !important;
  color: #1d1d1f !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 980px !important;
  padding: 10px 20px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.um-account .um-request-button:hover,
.um-account .um-account-export-btn:hover,
.um-account .um-account-delete-btn:hover {
  background: #f5f5f7 !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

/* Loeschen-Button rot */
.um-account .um-account-delete-btn {
  color: #d32f2f !important;
  border-color: rgba(211, 47, 47, 0.3) !important;
}

.um-account .um-account-delete-btn:hover {
  background: rgba(211, 47, 47, 0.05) !important;
  border-color: rgba(211, 47, 47, 0.5) !important;
}

/* Avatar/Profilbild */
.um-account .um-account-photo img,
.um-profile .um-profile-photo img {
  border-radius: 50% !important;
  border: 2px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Radio-Buttons */
.um-account input[type="radio"],
.um-profile input[type="radio"] {
  accent-color: var(--wp--preset--color--custom-color-1, #344514) !important;
}

/* Hilfe-Icons (Fragezeichen) */
.um-account .um-tip,
.um-account .um-field-help {
  color: #636366 !important;
}

/* Beschreibungstexte */
.um-account .um-account-heading-text,
.um-account p,
.um-account .um-field-description {
  color: #636366 !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

/* Trennlinien */
.um-account .um-account-line,
.um-account hr {
  border-color: rgba(0, 0, 0, 0.06) !important;
}

/* Sektionen als Karten */
.um-account .um-account-section {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-bottom: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Tooltip-Kreise */
.um-tip {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #636366 !important;
  border: none !important;
}

/* UM Notices/Alerts */
.um .um-notice {
  border-radius: 12px !important;
  border: none !important;
  padding: 14px 20px !important;
  font-size: 0.875rem !important;
}

.um .um-notice.success {
  background: rgba(52, 69, 20, 0.08) !important;
  color: var(--wp--preset--color--custom-color-1, #344514) !important;
}

.um .um-notice.err {
  background: rgba(211, 47, 47, 0.08) !important;
  color: #d32f2f !important;
}

/* --- Profil-Seite Header & Cover --- */

/* Cover-Bereich */
.um-profile .um-cover,
.um-profile .um-cover-e {
  border-radius: 20px 20px 0 0 !important;
  overflow: hidden !important;
  background: #f5f5f7 !important;
}

/* Profil-Header */
.um-profile .um-header {
  background: #f5f5f7 !important;
  border: none !important;
  padding-bottom: 16px !important;
}

/* Avatar auf Profil */
.um-profile .um-profile-photo a.um-profile-photo-img {
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Name auf Profil */
.um-profile .um-name a,
.um-profile .um-name span {
  font-size: 1.375rem !important;
  font-weight: 700 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
}

/* Meta-Info */
.um-profile .um-meta-text {
  color: #636366 !important;
  font-size: 0.875rem !important;
}

/* Zahnrad-Icon (Einstellungen) */
.um-profile .um-profile-edit a {
  color: #636366 !important;
  transition: color 0.2s ease !important;
}

.um-profile .um-profile-edit a:hover {
  color: var(--wp--preset--color--custom-color-1, #344514) !important;
}

/* --- Profil-Navbar (Tab-Leiste) --- */
.um-profile .um-profile-navbar {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
  margin-top: 0 !important;
  overflow: hidden !important;
}

.um-profile .um-profile-nav {
  background: transparent !important;
  display: flex !important;
}

.um-profile .um-profile-nav-item {
  background: transparent !important;
  border: none !important;
  flex: none !important;
  transition: background-color 0.2s ease !important;
}

.um-profile .um-profile-nav-item a {
  color: #636366 !important;
  padding: 12px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.um-profile .um-profile-nav-item a i {
  color: #636366 !important;
  font-size: 1rem !important;
  transition: color 0.2s ease !important;
}

.um-profile .um-profile-nav-item:hover {
  background: #f5f5f7 !important;
}

/* Aktiver Tab */
.um-profile .um-profile-nav-item.active {
  background: var(--wp--preset--color--custom-color-1, #344514) !important;
  border-radius: 12px !important;
}

.um-profile .um-profile-nav-item.active a,
.um-profile .um-profile-nav-item.active a span {
  color: #fff !important;
}

.um-profile .um-profile-nav-item.active a i {
  color: #fff !important;
}

/* --- Profil-Body --- */
.um-profile .um-profile-body {
  background: #fff !important;
  border: none !important;
  padding: 24px 0 !important;
}

/* Hinweis-Text (keine Info hinzugefuegt) */
.um-profile .um-profile-note {
  background: #f5f5f7 !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  color: #636366 !important;
  font-size: 0.875rem !important;
}

.um-profile .um-profile-note i {
  color: #636366 !important;
}