/* ============ Admin Maintenance Message – Frontend Theme ============ */
/* Grundthema: dunkler Gradient, card-basiertes Layout, sanfte Animationen */

:root {
  --am-bg-1: #0b1220;
  --am-bg-2: #0e1a33;
  --am-card: #0f172a;
  --am-text: #e6eefc;
  --am-muted: #9aa9c6;
  --am-accent: #f1c40f;
}

html, body { height: 100%; }
body {
  margin: 0;
  color: var(--am-text);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  background: var(--am-bg-1);
}

/* Hintergrund-Gradient + weiches Rauschen */
.dark-gradient .ammsg-bg {
  position: fixed;
  inset: 0;
  background: radial-gradient(1200px 800px at 20% 10%, #1b2a4f 0%, transparent 60%),
              radial-gradient(1000px 600px at 80% 90%, #122447 0%, transparent 55%),
              linear-gradient(160deg, var(--am-bg-1) 0%, var(--am-bg-2) 100%);
  pointer-events: none;
  z-index: 0;
}

/* Card */
.ammsg-card {
  position: relative;
  background: linear-gradient(180deg, rgba(18,26,46,.92), rgba(14,22,40,.92));
  border: 1px solid rgba(255,255,255,.08);
  z-index: 1;
  backdrop-filter: blur(6px);
}

/* Hero Image */
.ammsg-hero-img {
  filter: drop-shadow(0 10px 30px rgba(0,0,0,.35));
  will-change: transform;
}

/* Bouncing Animation */
@keyframes ammsg-bounce {
  0%, 100% { transform: translateY(0); }
  35%      { transform: translateY(-10px); }
  70%      { transform: translateY(0); }
}
.bounce {
  animation: ammsg-bounce 2.2s ease-in-out infinite;
}

/* Typografie */
.lead { line-height: 1.6; }
.ammsg-window { color: var(--am-muted); }
.badge.text-bg-warning {
  background: var(--am-accent);
  color: #26220a;
  border-radius: 999px;
}

/* Countdown */
.ammsg-countdown .ammsg-cd {
  display: inline-block;
  min-width: 2.6ch;
  text-align: center;
  font-weight: 700;
  font-size: clamp(1.25rem, 2.4vw, 1.6rem);
}

/* Fokus/Accessiblity */
a:focus, button:focus { outline: 2px solid var(--am-accent); outline-offset: 2px; }

/* Mobile Tuning */
@media (max-width: 576px) {
  .ammsg-card { padding: 1.25rem !important; }
}