/* ============================================================
   GÜNLÜK GİRİŞ ÖDÜLÜ — js/GunlukGiris.js modal stili (2026-08-01)
   İçerik Unity GunlukGirisOduluController aynası (7 kart, 7. gün yumurta,
   damga/odak durumları); görsel dil site temasına (parchment) özgü.
   ============================================================ */
/* 🔴 Z-INDEX (2026-08-23): bu overlay 220'deydi — DOCK'un (side-nav, z-index 1100) ALTINDA.
   Sonuç: modal açıkken oyuncu dock'tan BAŞKA moda geçebiliyor ve claim akışı yarıda kesilebiliyordu
   (sunucu çağrısı uçarken panel kapanır, ödül gösterilmez ama VERİLMİŞ olur → "aldım mı almadım mı").
   Kardeş paneller (gorev/lig/magaza) zaten 1200'de; bu ikisi istisnaydı. */
.gg-overlay {
  position: fixed; inset: 0; z-index: 1200;
  background: rgba(30, 18, 8, 0.55);
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
}
/* `hidden` gizlemesi TEK YASA'dan gelir: style.css `[hidden]{display:none !important}` — buraya KOPYA yazma. */
.gg-panel {
  position: relative;
  width: min(560px, 100%);
  background: var(--bg-card, #fbf0d6);
  border: 3px solid rgba(58, 36, 21, 0.25);
  border-radius: 22px;
  box-shadow: 0 18px 48px rgba(30, 18, 8, 0.35);
  padding: 1.2rem 1.2rem 1.4rem;
  text-align: center;
}
.gg-kapat {
  position: absolute; right: 10px; top: 10px;
  width: 38px; height: 38px; border: 0; border-radius: 12px;
  background: rgba(209, 66, 66, 0.92); color: #fff;
  font-size: 1.05rem; font-weight: 800; cursor: pointer;
}
.gg-baslik { margin: 0 0 0.35rem; font-size: 1.25rem; }
.gg-seri { font-weight: 800; color: #c56a19; margin-bottom: 0.55rem; }

.gg-kartlar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.gg-kart {
  position: relative;
  border: 2px solid rgba(58, 36, 21, 0.18);
  border-radius: 14px;
  background: #fff;
  padding: 8px 4px 10px;
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  font-weight: 800; color: var(--ink, #3a2415);
  cursor: default;
}
.gg-kart:not([disabled]) { cursor: pointer; }
.gg-kart.yumurta { grid-column: span 2; }
.gg-gun { font-size: 0.72rem; color: var(--ink-muted, #6b584a); }
.gg-ikon { width: 30px; height: 34px; object-fit: contain; }
.gg-deger { font-size: 0.9rem; }
.gg-kart.alinmis { opacity: 0.55; }
.gg-damga {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem; color: #2e9e4f;
  background: rgba(255, 255, 255, 0.55);
  border-radius: 12px;
}
.gg-kart.odak {
  border-color: #f6a623;
  box-shadow: 0 0 0 3px rgba(246, 166, 35, 0.35), 0 6px 16px rgba(246, 166, 35, 0.35);
  animation: gg-odak 1.3s ease-in-out infinite alternate;
}
.gg-kart.bekliyor { animation: gg-bekle 0.45s ease-in-out infinite alternate; }
@keyframes gg-odak { from { transform: scale(1); } to { transform: scale(1.05); } }
@keyframes gg-bekle { from { transform: scale(1); } to { transform: scale(1.06); } }

/* 7. gün yumurtası — renk JS'ten --gg-yum ile gelir (weekIdx % 5) */
.gg-yumurta {
  width: 30px; height: 38px;
  border-radius: 50% 50% 50% 50% / 60% 60% 42% 42%;
  background: radial-gradient(circle at 32% 28%, rgba(255,255,255,0.85) 0 18%, transparent 40%),
              var(--gg-yum, #FFD34D);
  box-shadow: inset 0 -5px 8px rgba(0, 0, 0, 0.18);
}

.gg-alt { min-height: 1.2em; margin-top: 0.7rem; font-weight: 700; color: var(--ink-muted, #6b584a); }

.gg-odul {
  margin-top: 0.8rem;
  border-top: 2px dashed rgba(58, 36, 21, 0.2);
  padding-top: 0.8rem;
}
.gg-odul-baslik { font-size: 1.1rem; font-weight: 900; margin-bottom: 0.4rem; }
.gg-odul.surpriz .gg-odul-baslik { color: #b46bf2; }
.gg-odul-liste { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.gg-odul-rozet {
  display: inline-flex; align-items: center; gap: 6px;
  background: #fff; border: 2px solid rgba(58, 36, 21, 0.15);
  border-radius: 999px; padding: 4px 12px; font-weight: 800;
}
.gg-odul-rozet img { width: 20px; height: 22px; object-fit: contain; }
.gg-odul-not { margin-top: 0.5rem; font-weight: 700; color: #2e6fdd; }

/* Sol menü pulse — Unity dock butonu alpha 1↔0.2 1.3s yoyo */
.side-nav-item.gg-pulse .side-nav-icon { animation: gg-nav-pulse 1.3s ease-in-out infinite alternate; }
@keyframes gg-nav-pulse { from { opacity: 1; } to { opacity: 0.25; } }

@media (max-width: 520px) {
  .gg-kartlar { grid-template-columns: repeat(3, 1fr); }
  .gg-kart.yumurta { grid-column: span 3; }
}
@media (prefers-reduced-motion: reduce) {
  .gg-kart.odak, .gg-kart.bekliyor, .side-nav-item.gg-pulse .side-nav-icon { animation: none; }
}