/*
  XL Oldies – SourceBans 2.x Design (22.10.2026)
  Dunkles Navy/Schwarz mit Gold, Buttons links wie in der alten Windmill-Version.
  Wird nach theme.css geladen und ueberschreibt nur Farben/Optik, keine Funktionen.
*/

/* Gold statt Orange */
:root, html.dark {
  --brand-50:  #fff8e1; --brand-100: #ffefc0; --brand-200: #ffe39a;
  --brand-300: #f0cb6b; --brand-400: #e2bd64; --brand-500: #d6b35a;
  --brand-600: #c49d3e; --brand-700: #a17e2c; --brand-800: #7d6020;
  --brand-900: #5a4416; --brand-950: #2b2414;

  --bg-page: #070b11;
  --bg-surface: #111923;
  --bg-muted: #172434;
  --border: rgba(214, 179, 90, .35);
  --text: #f3e7c2;
  --text-muted: #cdbf91;
  --text-faint: #8f8466;
  --accent: #d6b35a;
  --accent-hover: #f0cb6b;
  --accent-soft: rgba(214, 179, 90, .14);
  --on-accent: #120d04;
  --success: #3ddc84; --success-bg: rgba(16, 90, 50, .35);
  --warning: #f0b429; --warning-bg: rgba(120, 80, 10, .35);
  --danger:  #ff6b6b; --danger-bg:  rgba(127, 29, 29, .40);
  color-scheme: dark;
}

html, body {
  background:
    radial-gradient(circle at top center, rgba(214,179,90,.08), transparent 34rem),
    linear-gradient(180deg, #0b1119 0%, #05080d 100%) fixed !important;
  color: var(--text);
}

/* Karten / Boxen mit Goldrahmen */
.card, .panel, table, .table, .topbar, details, .dialog, .drawer {
  border-color: rgba(214, 179, 90, .45) !important;
}
.card, .panel {
  background: linear-gradient(180deg, #172434 0%, #0b1119 100%) !important;
  box-shadow: 0 0 18px rgba(214, 179, 90, .14);
}
.topbar { background: rgba(7, 11, 17, .85) !important; border-bottom: 1px solid rgba(214,179,90,.35) !important; }
h1, h2, h3, .page-title { color: #fff0b8; }
a { color: #7dbdff; }
a:hover { color: #ffe39a; }

/* Tabellen */
thead th { background: linear-gradient(180deg, #172434 0%, #0b1119 100%) !important; color: #ffe39a !important; }
tbody tr:hover { background: rgba(214, 179, 90, .07) !important; }

/* Eingabefelder dunkel mit Goldrand */
.input, .select, input[type=text], input[type=search], input[type=password], input[type=email], select, textarea {
  background: #0b1119 !important; color: #f3e7c2 !important; border-color: rgba(214,179,90,.45) !important;
}

/* Buttons */
.btn--primary, button[type=submit], .btn-primary {
  background: linear-gradient(180deg, #e2bd64 0%, #a17e2c 100%) !important;
  color: #120d04 !important; border-color: #f0cb6b !important;
}

/* Seitenleiste: kein Kasten, einzelne Gold-Buttons */
.sidebar { background: transparent !important; border-right: 0 !important; }
.sidebar__section-label { color: #d6b35a !important; letter-spacing: .14em; }
.sidebar__link {
  display: flex !important; align-items: center;
  margin: 0 0 .6rem 0 !important; padding: .55rem .75rem !important;
  border: 1px solid rgba(214,179,90,.80) !important; border-radius: .48rem !important;
  background: linear-gradient(180deg, #15283b 0%, #08131f 100%) !important;
  color: #ffe39a !important; font-weight: 700;
  box-shadow: 0 0 10px rgba(214,179,90,.12);
  transition: transform .15s ease, box-shadow .15s ease;
}
.sidebar__link:hover { transform: translateX(3px); border-color: #f0cb6b !important; color: #fff0b8 !important; box-shadow: 0 0 18px rgba(214,179,90,.28); }
.sidebar__link[aria-current="page"] { background: linear-gradient(180deg, #3a2d13 0%, #191207 100%) !important; color: #fff0b8 !important; }
.sidebar__link i, .sidebar__link svg { color: #ffe39a !important; }

/* Sonderfarben wie bisher: Banlist rot, Server lila, Login gruen */
.sidebar__link[href*="p=banlist"] { background: linear-gradient(180deg, #4a1111 0%, #1d0707 100%) !important; border-color: rgba(255,80,80,.90) !important; }
.sidebar__link[href*="p=servers"] { background: linear-gradient(180deg, #3b1a5a 0%, #170a26 100%) !important; border-color: rgba(170,110,255,.90) !important; }
.sidebar__link[href*="p=login"]   { background: linear-gradient(180deg, #0f3d24 0%, #061a10 100%) !important; border-color: rgba(45,220,120,.90) !important; }

/* Schriftzug oben: XL OLDIES / SOURCEBANS statt Logo-Bild */
.sidebar__brand { display: flex !important; justify-content: center; align-items: center; flex-direction: column; height: auto !important; min-height: 5.2rem; padding: 1.4rem .5rem 1.2rem !important; overflow: visible !important; }
.sidebar__brand-mark { display: none !important; }
.sidebar__brand::before {
  content: "XL OLDIES"; display: block; color: #ffe39a;
  font-family: Georgia, "Times New Roman", serif; font-weight: 900; font-size: 1.3rem; letter-spacing: .14em;
  text-shadow: 0 0 4px rgba(214,179,90,.45);
}
.sidebar__brand::after {
  content: "SOURCEBANS"; display: block; margin-top: .3rem; padding-top: .35rem; width: 78%;
  border-top: 1px solid rgba(214,179,90,.55); color: #d6b35a; text-align: center;
  font-size: .64rem; font-weight: 800; letter-spacing: .18em;
}
.sidebar__brand > *:not(.sidebar__brand-mark) { display: none !important; }

/* Status-Markierungen */
.badge, .pill, .chip { border-color: rgba(214,179,90,.45); }

/* Scrollbar Gold */
* { scrollbar-width: thin; scrollbar-color: #d6b35a #101720; }

/* XL_FOOTER: eigene Fusszeile */
.xl-footer__name { color: #ffe39a; font-weight: 800; letter-spacing: .04em; }
.xl-footer__by { color: #d6b35a; }
.xl-footer__powered { color: var(--text-faint); font-size: .9em; }


/* XL_DASHBOARD_BANNER_V2 (22.10.2026): Banner und Begruessung als zwei eigene Kacheln */
.card:has(img[src*="xloldies18"]) {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important;
}
.card__body:has(img[src*="xloldies18"]) {
  background: transparent !important; padding: 0 !important; text-align: center; overflow: visible !important;
}
.card__body:has(img[src*="xloldies18"]) p:first-child { margin: 0 0 1rem 0 !important; line-height: 0; }
.card__body:has(img[src*="xloldies18"]) img {
  width: 100%; border: 1px solid rgba(214,179,90,.55) !important; border-radius: .75rem;
  box-shadow: 0 0 18px rgba(214,179,90,.14);
}
.card__body:has(img[src*="xloldies18"]) h1 {
  margin: 0 !important; padding: 1.1rem 1rem .4rem;
  background: linear-gradient(180deg, #172434 0%, #111923 100%);
  border: 1px solid rgba(214,179,90,.55); border-bottom: 0; border-radius: .75rem .75rem 0 0;
  color: #ffe39a; font-family: Georgia, "Times New Roman", serif; font-size: 1.6rem;
}
.card__body:has(img[src*="xloldies18"]) h1 strong { color: #f0cb6b; }
.card__body:has(img[src*="xloldies18"]) h1 + p {
  margin: 0 !important; padding: .4rem 1rem 1.2rem;
  background: linear-gradient(180deg, #111923 0%, #0b1119 100%);
  border: 1px solid rgba(214,179,90,.55); border-top: 0; border-radius: 0 0 .75rem .75rem;
  box-shadow: 0 8px 18px rgba(214,179,90,.10); color: #f3e7c2;
}
/* XL_SIDEBAR_FIT (22.10.2026): Text bleibt im Button, Buttons gleich hoch, nichts gequetscht */
.sidebar__link { height: auto !important; min-height: 2.6rem; line-height: 1.25 !important; gap: .6rem; }
.sidebar__link > span, .sidebar__link .sidebar__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.sidebar__link i, .sidebar__link svg { flex: 0 0 auto; }