/**
 * Thème Summer — Gmod4Life
 */

:root,
body.theme-summer {
  --accent: #0ea5e9;
  --accent2: #f59e0b;
  --accent-glow: rgba(14, 165, 233, 0.35);
  --accent-soft: rgba(14, 165, 233, 0.14);
  --cyan: #38bdf8;
  --success: #22c55e;
}

body.theme-summer .dash-bg {
  background:
    radial-gradient(ellipse 80% 50% at 10% -10%, rgba(14, 165, 233, 0.22), transparent 55%),
    radial-gradient(ellipse 60% 40% at 90% 0%, rgba(245, 158, 11, 0.18), transparent 50%),
    var(--bg);
}

body.theme-summer .site-bg__shade {
  background:
    linear-gradient(180deg, rgba(7, 20, 35, 0.45) 0%, rgba(7, 9, 15, 0.35) 40%, rgba(7, 9, 15, 0.9) 78%, var(--bg) 100%),
    radial-gradient(ellipse 70% 50% at 50% 10%, rgba(14, 165, 233, 0.18) 0%, transparent 60%);
}

.summer-banner {
  margin-bottom: 14px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid rgba(245, 158, 11, 0.35);
  background:
    linear-gradient(105deg, rgba(14, 165, 233, 0.18), rgba(245, 158, 11, 0.16));
  color: #fef3c7;
  font-weight: 700;
  font-size: 0.92rem;
  text-align: center;
  animation: summerGlow 3.5s ease-in-out infinite;
}

.site-summer-banner {
  position: relative;
  z-index: 30;
  padding: 11px 16px;
  text-align: center;
  font-weight: 700;
  font-size: 0.9rem;
  color: #fff7ed;
  background: linear-gradient(90deg, #0284c7, #0ea5e9 40%, #f59e0b 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

@keyframes summerGlow {
  0%, 100% { box-shadow: 0 0 0 rgba(245, 158, 11, 0); }
  50% { box-shadow: 0 8px 28px rgba(14, 165, 233, 0.18); }
}

body.theme-summer .btn-primary,
body.theme-summer .btn-dash-primary {
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.35);
}

body.theme-summer .online-pill {
  border-color: rgba(14, 165, 233, 0.35);
  background: rgba(14, 165, 233, 0.12);
}
body.theme-summer .online-pill strong { color: #38bdf8; }
body.theme-summer .dot {
  background: #38bdf8;
  box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.5);
}