/* =========================
   ADMIN THEME – "clean dark"
   Ziel: Admin-Bereich deutlich ruhiger (weniger bunt),
   ohne die öffentliche Website zu verändern.
   Wird per <link> + body/html Klasse "admin" geladen.
========================= */

html.admin, body.admin{
  /* neutraler Hintergrund statt Circus-BG */
  background: #0b0e14 !important;
}

/* Entfernt das große Circus-Hintergrundbild (html::before) */
html.admin::before{
  content: none !important;
  background: none !important;
  filter: none !important;
}

/* Entfernt die bunten Ribbon-Stripes am Seitenanfang (body::before) */
body.admin::before{
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Admin-Farbwelt (übersichtlicher) */
body.admin{
  --bg1:#0b0e14;
  --bg2:#0b0e14;
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.62);

  /* "Accent" wird im Admin neutral gehalten */
  --accent1: rgba(255,255,255,.85);
  --accent2: rgba(255,255,255,.75);
  --accent3: rgba(255,255,255,.65);

  /* Stripe-Gradient neutralisieren */
  --stripe-top: linear-gradient(90deg, rgba(255,255,255,.22), rgba(255,255,255,.10));
  --stripe-bottom: linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.18));

  /* Card basics */
  --card: rgba(255,255,255,.06);
  --card2: rgba(255,255,255,.08);
  --stroke: rgba(255,255,255,.14);
}

/* Nav im Admin: ruhiger */
body.admin .nav{
  background: rgba(10,12,18,.86) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
body.admin .logo-dot{
  background: rgba(255,255,255,.30) !important;
  box-shadow: none !important;
}

/* Cards/Boxen: weniger Glitzer, mehr "UI" */
body.admin .card,
body.admin .mini-card,
body.admin .news-item,
body.admin .gb-card,
body.admin .gb-entry,
body.admin .admin-gallery-item{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.30) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Bunte Top/Bottom-Leisten: dezent grau */
body.admin .card::before,
body.admin .card::after,
body.admin .hero-card::before,
body.admin .hero-card::after,
body.admin .news-item::before,
body.admin .news-item::after,
body.admin .mini-card::before,
body.admin .mini-card::after,
body.admin .gb-card::before,
body.admin .gb-card::after,
body.admin .gb-entry::before,
body.admin .gb-entry::after,
body.admin .offer-card::before,
body.admin .offer-card::after,
body.admin .gallery-item::before,
body.admin .gallery-item::after,
body.admin .admin-gallery-item::before,
body.admin .admin-gallery-item::after{
  opacity: .55 !important;
}

/* Überschriften-Linie (sonst regenbogen) */
body.admin .section-rule{
  background: rgba(255,255,255,.12) !important;
  opacity: 1 !important;
}

/* Buttons: statt bunter Gradient → neutral */
body.admin .btn,
body.admin button.btn{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.92) !important;
}
body.admin .btn:hover,
body.admin button.btn:hover{
  filter: none !important;
  background: rgba(255,255,255,.10) !important;
}
body.admin .btn.active{
  outline: 2px solid rgba(255,255,255,.22);
  outline-offset: 2px;
}

/* Badges: neutral */
body.admin .badge{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.72) !important;
}

/* Formularfelder: klarer */
body.admin input,
body.admin textarea,
body.admin select{
  background: rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
}

/* Tabellen: ruhiger */
body.admin .admin-table td{
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.10) !important;
}
body.admin .admin-table th{
  color: rgba(255,255,255,.62) !important;
}

/* Danger-Button: trotzdem klar erkennbar, aber nicht knallig */
body.admin .btn-danger{
  background: rgba(255,45,85,.14) !important;
  border-color: rgba(255,45,85,.22) !important;
}