/* MeerHeimatLiebe 2.5.2-r104
   - stärkerer Premium-Glass-Effekt für den Header
   - Schnell-an-Deck-Bereich wird optisch sauber unter die Bildkarten gesetzt
   - störende Cursor-/Icon-Artefakte werden ausgeblendet */

:root {
  --mhl-r104-glass-border: rgba(167, 232, 255, .26);
  --mhl-r104-glass-border-soft: rgba(255, 255, 255, .12);
  --mhl-r104-glass-shadow: rgba(1, 12, 25, .36);
  --mhl-r104-glass-highlight: rgba(255, 255, 255, .22);
  --mhl-r104-glass-fill-top: rgba(255, 255, 255, .16);
  --mhl-r104-glass-fill-mid: rgba(98, 192, 238, .09);
  --mhl-r104-glass-fill-bottom: rgba(3, 24, 44, .72);
}

/* Premium-Header: stärkerer Glas-Look, ohne Aufbau zu verändern */
.site-header {
  background:
    radial-gradient(circle at 12% -10%, rgba(135, 224, 255, .16) 0%, rgba(135, 224, 255, 0) 24%),
    radial-gradient(circle at 82% -18%, rgba(255, 177, 211, .10) 0%, rgba(255, 177, 211, 0) 24%),
    linear-gradient(180deg,
      rgba(4, 31, 52, .95) 0%,
      rgba(2, 23, 42, .92) 50%,
      rgba(1, 17, 33, .90) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 .65rem 1.65rem rgba(1, 11, 24, .22) !important;
}

.site-header .header-inner.mhl-r100-header-inner,
.site-header [data-header-inner].mhl-r100-header-inner {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(180deg,
      var(--mhl-r104-glass-fill-top) 0%,
      var(--mhl-r104-glass-fill-mid) 22%,
      rgba(255,255,255,.045) 48%,
      rgba(255,255,255,.02) 100%),
    linear-gradient(135deg,
      rgba(12, 68, 103, .38) 0%,
      rgba(8, 45, 73, .24) 28%,
      rgba(6, 30, 52, .22) 58%,
      var(--mhl-r104-glass-fill-bottom) 100%) !important;
  border-top: 1px solid var(--mhl-r104-glass-border-soft);
  border-bottom: 1px solid rgba(126, 207, 245, .18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -.5px 0 rgba(255,255,255,.05),
    0 .95rem 2.1rem var(--mhl-r104-glass-shadow) !important;
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}

.site-header .header-inner.mhl-r100-header-inner::before,
.site-header [data-header-inner].mhl-r100-header-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.24) 0%,
      rgba(255,255,255,.10) 14%,
      rgba(255,255,255,0) 56%),
    radial-gradient(circle at 18% 10%, rgba(163, 235, 255, .17) 0%, rgba(163, 235, 255, 0) 32%),
    radial-gradient(circle at 82% 0%, rgba(255, 193, 219, .10) 0%, rgba(255, 193, 219, 0) 24%);
  opacity: .95;
}

.site-header .header-inner.mhl-r100-header-inner::after,
.site-header [data-header-inner].mhl-r100-header-inner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(95, 209, 255, 0) 0%,
    rgba(95, 209, 255, .38) 18%,
    rgba(255, 255, 255, .20) 50%,
    rgba(95, 209, 255, .38) 82%,
    rgba(95, 209, 255, 0) 100%);
  opacity: .8;
}

.site-header .brand.mhl-brand-r100 .brand-mark,
.site-header .brand.mhl-brand-r100 .anchor-badge,
.site-header .brand.mhl-brand-r100 .brand-icon,
.site-header .mhl-r100-header-inner :is(.btn, .button, button) {
  border-color: var(--mhl-r104-glass-border) !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.08) 42%,
      rgba(255,255,255,.04) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 .32rem .95rem rgba(0, 10, 24, .20),
    0 0 0 1px rgba(255,255,255,.03) inset !important;
  backdrop-filter: blur(14px) saturate(145%);
  -webkit-backdrop-filter: blur(14px) saturate(145%);
}

.site-header .brand.mhl-brand-r100 .brand-copy.mhl-brand-copy-r100,
.site-header .mhl-brand-title-r100,
.site-header .mhl-brand-tagline-r100,
.site-header .mhl-r100-header-inner :is(nav a, .site-nav a, [data-nav] a) {
  text-shadow: 0 .05rem .18rem rgba(0, 10, 24, .22);
}

/* Cursor-/Artefakt-Patches sauber deaktivieren */
.mhl-maritime-cursor-layer,
.mhl-maritime-cursor,
.mhl-maritime-cursor-burst,
[data-mhl-maritime-cursor] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.mhl-maritime-cursor-enabled,
html.mhl-maritime-cursor-enabled body {
  cursor: auto !important;
}

html.mhl-maritime-cursor-enabled a,
html.mhl-maritime-cursor-enabled button,
html.mhl-maritime-cursor-enabled [role="button"],
html.mhl-maritime-cursor-enabled summary,
html.mhl-maritime-cursor-enabled label,
html.mhl-maritime-cursor-enabled [data-home-jump-tab],
html.mhl-maritime-cursor-enabled [data-module-toggle] {
  cursor: pointer !important;
}

html.mhl-maritime-cursor-enabled input,
html.mhl-maritime-cursor-enabled textarea,
html.mhl-maritime-cursor-enabled [contenteditable="true"] {
  cursor: text !important;
}

/* Optik für den verschobenen Schnell-an-Deck-Bereich */
.mhl-r104-quickdeck-relocated {
  margin: clamp(1.2rem, 2.2vw, 2rem) auto clamp(1.2rem, 2.4vw, 2.3rem) !important;
  max-width: min(116rem, calc(100% - 1.6rem));
  scroll-margin-top: 8rem;
}

.mhl-r104-quickdeck-relocated :is(h1, h2, h3) {
  text-wrap: balance;
}

.mhl-r104-quickdeck-relocated :is(a, button, [role="button"], [role="tab"], [data-home-jump-tab], [data-module-toggle]) {
  backdrop-filter: blur(12px) saturate(136%);
  -webkit-backdrop-filter: blur(12px) saturate(136%);
}

@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  .site-header .header-inner.mhl-r100-header-inner,
  .site-header [data-header-inner].mhl-r100-header-inner {
    background:
      linear-gradient(180deg,
        rgba(17, 55, 82, .62) 0%,
        rgba(6, 28, 47, .90) 100%) !important;
  }

  .site-header .brand.mhl-brand-r100 .brand-mark,
  .site-header .brand.mhl-brand-r100 .anchor-badge,
  .site-header .brand.mhl-brand-r100 .brand-icon,
  .site-header .mhl-r100-header-inner :is(.btn, .button, button) {
    background: rgba(10, 45, 70, .76) !important;
  }
}