/* ============================================================
   maodi (md) — "Neon Casino" Theme-Overrides.
   Wird nach style.min.css geladen (gewinnt bei gleicher Spezifitaet).
   Basis-Layout = wl (.site-weloveurlaub). Hier: dunkle Inversion auf
   Deep-Purple + Magenta/Cyan/Violett/Amber-Neon-Akzente.
   Palette: BG #0C0716 · Surface #160E28 · Magenta #FF2E88 · Cyan #1FE3E0
            · Violett #9D4EDD · Spring #27E39B · Amber #FF9E2C · Text #F2ECFF.
   ============================================================ */

body.site-maodi {
  /* Flaechen (dunkel) */
  --bg-page: #0C0716; --bg-soft: #140B24; --bg-card: #160E28;
  --bg-inverse: #0A0612; --bg-primary: #160E28; --bg-accent: #FF2E88;
  /* Text (hell) */
  --text-primary: #F2ECFF; --text-secondary: #B8AEDA; --text-muted: #9C90BC;
  --text-on-dark: #F2ECFF; --text-on-primary: #FFFFFF; --text-on-accent: #FFFFFF;
  /* Akzent (Neon-Magenta) */
  --action-primary: #FF2E88; --action-primary-hover: #E0246F; --action-primary-active: #C61E5F;
  --action-accent: #FF2E88; --action-accent-hover: #E0246F;
  --breaking-accent: #FF2E88; --focus-ring: #1FE3E0;
  /* Links (Cyan auf dunkel) */
  --text-link: #1FE3E0; --text-link-hover: #FF2E88; --link: #1FE3E0; --link-hover: #FF2E88;
  /* Rahmen (hell auf dunkel) */
  --border-subtle: rgba(255,255,255,.08); --border-default: rgba(255,255,255,.14); --border-strong: rgba(157,78,221,.45);
  /* md-Hilfsvariablen */
  --md-bg: #0C0716; --md-surface: #160E28; --md-magenta: #FF2E88; --md-cyan: #1FE3E0;
  --md-violet: #9D4EDD; --md-line: rgba(255,255,255,.10);
  background:
    radial-gradient(1100px 540px at 80% -8%, rgba(157,78,221,.16), transparent 60%),
    radial-gradient(900px 460px at 0% 0%, rgba(255,46,136,.12), transparent 55%),
    var(--bg-page);
  background-attachment: fixed;
  color: var(--text-primary);
  gap: 0 !important;
}

/* ============ Header / Topbar: dunkel mit Neon-Wortmarke ============ */
body.site-maodi .header {
  background: rgba(10,6,18,.92) !important;
  border-bottom: 1px solid var(--md-line) !important;
  backdrop-filter: blur(10px);
}
body.site-maodi .header__nav-link { color: rgba(242,236,255,.82) !important; }
body.site-maodi .header__nav-link:hover { color: var(--md-cyan) !important; }
body.site-maodi .header__logo {
  color: #fff !important; font-weight: 900; letter-spacing: 1px;
  text-shadow: 0 0 16px rgba(255,46,136,.65), 0 0 34px rgba(255,46,136,.32);
}
body.site-maodi .header__burger span { background: #fff !important; }

/* ============ Ticker dunkel ============ */
body.site-maodi .ticker { background: rgba(20,11,36,.92) !important; border-bottom: 1px solid var(--md-line) !important; color: var(--text-primary) !important; }
body.site-maodi .ticker__badge, body.site-maodi .ticker__label { background: linear-gradient(120deg, var(--md-magenta), var(--md-violet)) !important; color: #fff !important; }

/* ============ Hero ============ */
body.site-maodi .hero {
  background:
    radial-gradient(700px 360px at 75% 0%, rgba(157,78,221,.28), transparent 60%),
    radial-gradient(620px 320px at 10% 100%, rgba(31,227,224,.16), transparent 60%),
    #0E0820 !important;
  color: #fff !important;
}
body.site-maodi .hero__title, body.site-maodi .hero h1, body.site-maodi .hero h2 { color: #fff !important; text-shadow: 0 0 38px rgba(157,78,221,.4); }

/* ============ Sektionen / Karten ============ */
body.site-maodi .section--soft, body.site-maodi .section--cream { background: linear-gradient(180deg, var(--bg-soft), var(--bg-page)) !important; }
body.site-maodi .article-card, body.site-maodi .category-card, body.site-maodi .card, body.site-maodi .post-card, body.site-maodi .teaser, body.site-maodi .hub-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--md-line) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 18px 40px -26px rgba(0,0,0,.7);
}
body.site-maodi .article-card:hover, body.site-maodi .category-card:hover, body.site-maodi .card:hover, body.site-maodi .post-card:hover, body.site-maodi .hub-card:hover {
  border-color: rgba(255,46,136,.55) !important;
  box-shadow: 0 0 0 1px rgba(255,46,136,.25), 0 22px 50px -24px rgba(255,46,136,.4) !important;
}
body.site-maodi .card__title, body.site-maodi .article-card__title, body.site-maodi h2, body.site-maodi h3 { color: var(--text-primary); }
body.site-maodi .tag, body.site-maodi .badge, body.site-maodi .pill, body.site-maodi .category-pill { background: linear-gradient(120deg, var(--md-magenta), var(--md-violet)) !important; color: #fff !important; border: none !important; }

/* ============ Buttons ============ */
body.site-maodi .btn, body.site-maodi .button, body.site-maodi .btn--primary, body.site-maodi .cta, body.site-maodi .hero__btn {
  background: linear-gradient(120deg, var(--md-magenta), var(--md-violet)) !important;
  color: #fff !important; border: none !important;
  box-shadow: 0 0 26px -6px rgba(255,46,136,.7);
}
body.site-maodi .btn:hover, body.site-maodi .button:hover, body.site-maodi .cta:hover { filter: brightness(1.08); box-shadow: 0 0 34px -4px rgba(255,46,136,.85) !important; }
body.site-maodi .btn--ghost, body.site-maodi .btn--secondary { background: transparent !important; color: var(--md-cyan) !important; border: 1px solid rgba(31,227,224,.5) !important; }

/* ============ Artikel-Inhalt ============ */
body.site-maodi .article-body { color: var(--text-secondary); }
body.site-maodi .article-body h2, body.site-maodi .article-body h3, body.site-maodi .article-title, body.site-maodi .article-hero__title { color: #fff; }
body.site-maodi .article-body a { color: var(--md-cyan); }
body.site-maodi .article-body a:hover { color: var(--md-magenta); }
body.site-maodi .infobox, body.site-maodi blockquote, body.site-maodi .fact-card, body.site-maodi .pro-con, body.site-maodi .steckbrief {
  background: var(--bg-soft) !important; border: 1px solid var(--md-line) !important; color: var(--text-primary) !important;
}
body.site-maodi table th { background: var(--bg-soft) !important; color: var(--text-primary) !important; }
body.site-maodi table td { border-color: var(--md-line) !important; }

/* ============ Newsletter / Footer dunkel ============ */
body.site-maodi .newsletter, body.site-maodi .footer {
  background: linear-gradient(180deg, #0A0612, #06040D) !important;
  color: var(--text-secondary) !important; border-top: 1px solid var(--md-line) !important;
}
body.site-maodi .footer a { color: var(--text-secondary) !important; }
body.site-maodi .footer a:hover { color: var(--md-cyan) !important; }
body.site-maodi .footer__heading, body.site-maodi .footer h3, body.site-maodi .footer h4 { color: #fff !important; }

/* ============ Formulare ============ */
body.site-maodi input, body.site-maodi textarea, body.site-maodi select {
  background: #1B1233 !important; color: var(--text-primary) !important; border: 1px solid var(--md-line) !important;
}
body.site-maodi input::placeholder, body.site-maodi textarea::placeholder { color: var(--text-muted) !important; }
body.site-maodi input:focus, body.site-maodi textarea:focus, body.site-maodi select:focus { border-color: var(--md-cyan) !important; box-shadow: 0 0 0 3px rgba(31,227,224,.2) !important; }

/* Breadcrumbs / Meta */
body.site-maodi .breadcrumbs, body.site-maodi .breadcrumbs a, body.site-maodi .article-meta { color: var(--text-muted) !important; }
body.site-maodi .breadcrumbs a:hover { color: var(--md-cyan) !important; }