/* Optik Trompeter – Adaptiver Frosted-Header */
.ot-header {
  width: 100%;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* Zustände – per JS gesetzt */
.ot-header.is-on-dark,
.ot-header.is-on-dark a { color: #fff; }
.ot-header.is-on-dark {
  background-color: rgba(17, 17, 17, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.ot-header.is-on-light,
.ot-header.is-on-light a { color: #111; }
.ot-header.is-on-light {
  background-color: rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

/* Fallback ohne backdrop-filter */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .ot-header.is-on-dark  { background-color: rgba(17, 17, 17, 0.92); }
  .ot-header.is-on-light { background-color: rgba(255, 255, 255, 0.95); }
}