/* css/seasonal-theme.css — #93 admin-controlled bayram teması (Yeni il,
   Novruz, Ramazan/Qurban bayramları, Sevgililər günü, 8 Mart). Yalnız
   dekorativdir — heç bir mövcud düymə/məntiqə toxunmur, sadəcə iki üzən
   fon-orb (bax css/tap.css-dəki eyni texnika) + hərəkətli hissəciklər
   əlavə edir. js/seasonal-theme.js tərəfindən idarə olunur. */

.seasonal-theme-orb {
  position: fixed;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.32;
  pointer-events: none;
  z-index: 0;
}

.seasonal-theme-orb.orb-1 {
  width: 380px;
  height: 380px;
  top: -120px;
  left: -100px;
}

.seasonal-theme-orb.orb-2 {
  width: 420px;
  height: 420px;
  bottom: -140px;
  right: -120px;
}

/* 🎉 Hərəkətli hissəciklər (qar/çiçək/ürək/ulduz) — bayrama görə fərqli
   emoji + fərqli hərəkət tərzi. Toxunuşları maneə törətmir
   (pointer-events: none), yalnız dekorativdir. */
.seasonal-theme-particles {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.seasonal-theme-particle {
  position: absolute;
  top: -10%;
  display: inline-block;
  will-change: transform, opacity;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.25));
}

.motion-fall {
  animation-name: seasonalThemeFall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes seasonalThemeFall {
  0% { transform: translateY(-10vh) translateX(0) rotate(0deg); opacity: 0; }
  10% { opacity: 0.9; }
  90% { opacity: 0.9; }
  100% { transform: translateY(110vh) translateX(40px) rotate(220deg); opacity: 0; }
}

.motion-float-up {
  position: absolute;
  top: auto;
  bottom: -10%;
  animation-name: seasonalThemeFloatUp;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes seasonalThemeFloatUp {
  0% { transform: translateY(10vh) translateX(0) scale(0.8); opacity: 0; }
  10% { opacity: 0.85; }
  90% { opacity: 0.85; }
  100% { transform: translateY(-110vh) translateX(-30px) scale(1.1); opacity: 0; }
}

.motion-twinkle {
  animation-name: seasonalThemeTwinkle;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes seasonalThemeTwinkle {
  0%, 100% { opacity: 0.15; transform: scale(0.85); }
  50% { opacity: 0.95; transform: scale(1.2); }
}

/* ❄️ "Qar basıb" effekti — bəzi elementlərin üst kənarında real qar kimi
   yığılmış ağ, dalğalı zolaq. Yalnız Yeni il teması aktiv olanda görünür.
   index.html-də menyu düymələri, chat.html-də başlıq zolağı və klan zolağı
   üçün. Toxunuşu/klikləri əngəlləmir (::before, pointer-events yoxdur). */
.theme-newyear .menu-btn,
.theme-newyear .chat-header,
.theme-newyear .clan-strip {
  position: relative;
  overflow: visible;
}

.theme-newyear .menu-btn::before,
.theme-newyear .chat-header::before,
.theme-newyear .clan-strip::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 10%;
  width: 80%;
  height: 10px;
  background: #fff;
  border-radius: 50% 50% 35% 35% / 100% 100% 0% 0%;
  opacity: 0.85;
  box-shadow: 0 1px 4px rgba(0,0,0,0.18);
  pointer-events: none;
  z-index: 2;
}

/* 🌷🌙💕🌸 Digər bayramlar üçün — Yeni ilin "qar basıb" effektinə bənzər,
   amma hər birinin öz emojisi ilə balaca "nişan" (badge), düymənin/
   zolağın küncündə sanki üstünə qonub. CSS dəyişəni ilə tək qayda
   bütün temalar üçün işləyir, hər biri üçün ayrıca təkrar yazmırıq. */
.theme-novruz { --seasonal-badge: "🌷"; }
.theme-ramazan { --seasonal-badge: "🌙"; }
.theme-qurban { --seasonal-badge: "🌙"; }
.theme-valentine { --seasonal-badge: "💕"; }
.theme-womensday { --seasonal-badge: "🌸"; }

.theme-novruz .menu-btn, .theme-novruz .chat-header, .theme-novruz .clan-strip,
.theme-ramazan .menu-btn, .theme-ramazan .chat-header, .theme-ramazan .clan-strip,
.theme-qurban .menu-btn, .theme-qurban .chat-header, .theme-qurban .clan-strip,
.theme-valentine .menu-btn, .theme-valentine .chat-header, .theme-valentine .clan-strip,
.theme-womensday .menu-btn, .theme-womensday .chat-header, .theme-womensday .clan-strip {
  position: relative;
  overflow: visible;
}

.theme-novruz .menu-btn::before, .theme-novruz .chat-header::before, .theme-novruz .clan-strip::before,
.theme-ramazan .menu-btn::before, .theme-ramazan .chat-header::before, .theme-ramazan .clan-strip::before,
.theme-qurban .menu-btn::before, .theme-qurban .chat-header::before, .theme-qurban .clan-strip::before,
.theme-valentine .menu-btn::before, .theme-valentine .chat-header::before, .theme-valentine .clan-strip::before,
.theme-womensday .menu-btn::before, .theme-womensday .chat-header::before, .theme-womensday .clan-strip::before {
  content: var(--seasonal-badge);
  position: absolute;
  top: -10px;
  right: 14px;
  font-size: 18px;
  pointer-events: none;
  z-index: 2;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,0.3));
}

/* ❄️ Yeni il */
.theme-newyear .seasonal-theme-orb.orb-1 { background: radial-gradient(circle, #4f8cff, transparent); }
.theme-newyear .seasonal-theme-orb.orb-2 { background: radial-gradient(circle, #ffd166, transparent); }

/* 🌷 Novruz */
.theme-novruz .seasonal-theme-orb.orb-1 { background: radial-gradient(circle, #ff8a3d, transparent); }
.theme-novruz .seasonal-theme-orb.orb-2 { background: radial-gradient(circle, #6fcf67, transparent); }

/* 🌙 Ramazan bayramı */
.theme-ramazan .seasonal-theme-orb.orb-1 { background: radial-gradient(circle, #2b3a67, transparent); }
.theme-ramazan .seasonal-theme-orb.orb-2 { background: radial-gradient(circle, #ffd166, transparent); }

/* 🌙 Qurban bayramı */
.theme-qurban .seasonal-theme-orb.orb-1 { background: radial-gradient(circle, #1f8a70, transparent); }
.theme-qurban .seasonal-theme-orb.orb-2 { background: radial-gradient(circle, #ffd166, transparent); }

/* 💕 Sevgililər günü */
.theme-valentine .seasonal-theme-orb.orb-1 { background: radial-gradient(circle, #ff6b9d, transparent); }
.theme-valentine .seasonal-theme-orb.orb-2 { background: radial-gradient(circle, #ff3b6f, transparent); }

/* 🌸 8 Mart */
.theme-womensday .seasonal-theme-orb.orb-1 { background: radial-gradient(circle, #ff7bd6, transparent); }
.theme-womensday .seasonal-theme-orb.orb-2 { background: radial-gradient(circle, #b06bff, transparent); }