/* ============================================================
   Theme "Dicht am Ufer" – Dunkelrot & Weiß, Brustring als Akzent
   Greift nur, wenn <body class="theme-dau"> gesetzt ist.
   ============================================================ */
body.theme-dau {
  --dau-red: #9c1022;
  --dau-red-dark: #6f0b18;
  --dau-red-soft: #fdf2f3;

  /* Portal-Akzente auf Vereinsrot umbiegen */
  --color-info: var(--dau-red);
  --accent-1: #9c1022;
  --accent-2: #b3162b;
  --accent-3: #7d0d1b;
  --accent-4: #c4344a;
  --accent-5: #8b0f1f;

  background-color: #ffffff;
  background-image: linear-gradient(180deg, #ffffff 0%, #f8f4f4 100%);
  background-attachment: fixed;
}

/* --- Brustring: vollflächig dunkelrot, wie auf dem Trikot --- */
body.theme-dau::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 38vh;
  height: 84px;
  z-index: -1;
  pointer-events: none;
  background: var(--dau-red-dark);
}

/* --- Kopfzeile: dunkelrot mit weißer Linie --- */
.app-header--dau {
  background: linear-gradient(120deg, #6f0b18 0%, #9c1022 60%, #7d0d1b 100%);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 14px 32px -12px rgba(111, 11, 24, 0.55);
}
.app-header--dau::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 3px;
  border-radius: 3px;
  background: #ffffff;
  opacity: 0.9;
}
.app-header--dau .avatar {
  background: #ffffff;
  color: var(--dau-red);
  box-shadow: none;
}

/* --- Header-Card: roter Brustring-Balken am unteren Rand --- */
body.theme-dau .header-card {
  border-left: none;
  border-color: rgba(156, 16, 34, 0.18);
  padding-bottom: 22px;
}
body.theme-dau .header-card::before {
  inset: 0 auto 0 0;
  width: 6px;
  background: var(--dau-red);
}
body.theme-dau .header-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 9px;
  background: var(--dau-red);
  border-top: 3px solid #ffffff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
body.theme-dau .header-card__title {
  background: linear-gradient(90deg, #3b0610 0%, var(--dau-red) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.theme-dau .header-card__divider {
  background: linear-gradient(to right, rgba(156, 16, 34, 0.35), transparent);
}

/* --- Kacheln --- */
body.theme-dau .card-link {
  --c: var(--dau-red);
  background-image: linear-gradient(160deg, var(--dau-red-soft) 0%, #ffffff 60%);
  border-top: 3px solid var(--dau-red);
}
body.theme-dau .card-link::before { background: var(--dau-red-dark); }
body.theme-dau .card-link:hover {
  border-color: var(--dau-red);
  box-shadow: 0 14px 30px -10px rgba(156, 16, 34, 0.35);
}
body.theme-dau .card-link:hover .card-link__title { color: var(--dau-red); }

/* --- Tabellen & Modals --- */
body.theme-dau .table thead th {
  background: var(--dau-red-soft);
  border-bottom: 2px solid var(--dau-red);
}
body.theme-dau .table tbody tr:hover { background: rgba(156, 16, 34, 0.05); }
body.theme-dau .modal__header { background: linear-gradient(120deg, #6f0b18, #9c1022); }

/* --- Primärbutton im Vereinsrot --- */
body.theme-dau .btn--primary {
  background: linear-gradient(135deg, #b3162b, #7d0d1b) !important;
  box-shadow: 0 4px 12px rgba(156, 16, 34, 0.35);
}

/* --- Login-Seite der Vereinsdomain --- */
body.theme-dau.page-login .card {
  border-top: 6px solid var(--dau-red);
}