/* ============================================================
   bahce.css — Işık Bahçesi 🌱 (büyüyen görsel yolculuk)
   ============================================================ */
.card-bahce { overflow: hidden; }
.bahce-baslik { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.bahce-baslik h2 { margin: 0; }
.bahce-asama {
  font-size: .8rem; font-weight: 600; color: #0d0a1e;
  background: linear-gradient(120deg, #f3d98c, #e9c46a);
  padding: 3px 12px; border-radius: 999px; white-space: nowrap;
}

.bahce-sahne {
  width: 100%; border-radius: 16px; overflow: hidden;
  display: flex; justify-content: center;
  background: radial-gradient(120% 90% at 70% 15%, #3a2c66 0%, #241a48 45%, #150f30 100%);
  border: 1px solid rgba(243,217,140,.18);
  box-shadow: inset 0 -18px 40px rgba(0,0,0,.35);
}
.bh-svg { display: block; width: 100%; max-width: 440px; height: auto; margin: 0 auto; }

/* Bitki hafifçe sallansın */
.bh-bitki { animation: bh-sway 5.5s ease-in-out infinite; }
@keyframes bh-sway { 0%,100% { transform: rotate(-1.2deg); } 50% { transform: rotate(1.2deg); } }

/* Çiçekler nazikçe nefes alsın */
.bh-cicek { animation: bh-bloom 4s ease-in-out infinite; }
@keyframes bh-bloom { 0%,100% { transform: scale(.94); } 50% { transform: scale(1.06); } }

/* Ateşböcekleri süzülsün + parlasın */
.bh-firefly { filter: drop-shadow(0 0 5px #ffe680); animation: bh-float 6s ease-in-out infinite, bh-glow 2.4s ease-in-out infinite; }
@keyframes bh-float { 0%,100% { transform: translate(0,0); } 33% { transform: translate(8px,-10px); } 66% { transform: translate(-6px,-4px); } }
@keyframes bh-glow { 0%,100% { opacity: .35; } 50% { opacity: 1; } }

/* Yıldızlar titresin */
.bh-yildiz { animation: bh-twinkle 3s ease-in-out infinite; }
@keyframes bh-twinkle { 0%,100% { opacity: .25; } 50% { opacity: 1; } }

.bahce-alt { margin-top: 10px; font-size: .86rem; color: var(--metin-soft, rgba(255,255,255,.72)); line-height: 1.5; }
.bahce-bugun {
  margin-top: 8px; font-size: .82rem; font-weight: 600; color: #f3d98c;
  background: rgba(243,217,140,.1); border: 1px solid rgba(243,217,140,.22);
  border-radius: 12px; padding: 8px 12px; text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .bh-bitki, .bh-cicek, .bh-firefly, .bh-yildiz { animation: none; }
}

/* Sana Dair 🪞 — kişisel yansımalar */
.yansima-ic { display: flex; flex-direction: column; gap: 10px; }
.ya-satir { display: flex; align-items: flex-start; gap: 12px; padding: 11px 13px; border-radius: 13px;
  background: rgba(179,140,255,0.08); border: 1px solid rgba(179,140,255,0.18); }
.ya-ikon { font-size: 1.15rem; line-height: 1.4; flex: 0 0 auto; }
.ya-metin { font-size: 0.9rem; line-height: 1.5; color: var(--metin-soft, rgba(255,255,255,.78)); }
.ya-metin b { color: #d9c6ff; font-weight: 700; }

/* Ay evresine tepki veren atmosfer 🌙 (içeriğin ARKASINDA, çok hafif) */
.ay-atmosfer { position: fixed; inset: 0; pointer-events: none; z-index: -1; transition: background 1.2s ease; }
html.ay-dolunay .ay-atmosfer { background: radial-gradient(130% 70% at 50% -8%, rgba(200,214,255,0.20), transparent 58%); }
html.ay-buyuyen .ay-atmosfer { background: radial-gradient(130% 70% at 50% -8%, rgba(243,217,140,0.10), transparent 58%); }
html.ay-solan   .ay-atmosfer { background: radial-gradient(130% 70% at 50% -8%, rgba(179,140,255,0.11), transparent 58%); }
html.ay-yeniay  .ay-atmosfer { background: radial-gradient(120% 95% at 50% 118%, rgba(12,6,30,0.40), transparent 55%); }

/* Ödüllü reklam — Ekstra İlham 🎬 */
.ilham-reklam { margin-top: 18px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.ilham-reklam-btn {
  border: 1px solid rgba(243,217,140,.5); border-radius: 999px; padding: 14px 22px; cursor: pointer;
  background: linear-gradient(135deg, rgba(243,217,140,.16), rgba(179,140,255,.14)); color: #f3d98c;
  font-size: .92rem; font-weight: 700;
}
.ilham-reklam-btn:disabled { opacity: .6; cursor: default; }
.ilham-destekci { font-size: .8rem; color: #d9c6ff; }

.reklam-modal { position: fixed; inset: 0; z-index: 10001; display: flex; align-items: center; justify-content: center;
  background: rgba(6,4,18,.72); opacity: 0; transition: opacity .25s; padding: 24px; }
.reklam-modal.gor { opacity: 1; }
.reklam-ic { position: relative; max-width: 380px; width: 100%; text-align: center; padding: 34px 26px 28px;
  border-radius: 24px; background: radial-gradient(120% 90% at 50% 0%, #2a1d52, #161033 70%);
  border: 1px solid rgba(243,217,140,.3); box-shadow: 0 30px 80px rgba(0,0,0,.6); }
.reklam-kapat { position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; border-radius: 50%;
  border: none; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; }
.reklam-amblem { font-size: 2.4rem; filter: drop-shadow(0 0 12px rgba(243,217,140,.6)); }
.reklam-baslik { font-family: var(--font-baslik, Georgia, serif); font-size: 1.5rem; color: #f3d98c; margin: 6px 0 14px; }
.reklam-soz { font-family: var(--font-baslik, Georgia, serif); font-size: 1.2rem; line-height: 1.5; color: #fff; margin: 0 0 16px; }
.reklam-destek { font-size: .92rem; color: #d9c6ff; margin-bottom: 8px; }
.reklam-not { margin-bottom: 18px; }
.reklam-tamam { border: none; border-radius: 999px; padding: 14px 32px; cursor: pointer; font-weight: 800;
  background: linear-gradient(100deg, #ffe9a8, #f3d98c); color: #2a1d05; }

/* Profil Destekçi rozeti */
.destekci-rozet { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 16px;
  border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(243,217,140,.3); color: #f3d98c; font-size: .85rem; }

/* Keyif — mikro parıltı (kutlama anları) */
.keyif-parlama { position: fixed; width: 0; height: 0; pointer-events: none; z-index: 9999; }
.keyif-parlama span {
  position: absolute; left: 0; top: 0; width: 7px; height: 7px; border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: keyif-firla 0.8s cubic-bezier(.2,.7,.3,1) forwards;
  box-shadow: 0 0 8px currentColor;
}
@keyframes keyif-firla {
  0%   { transform: translate(-50%, -50%) scale(0.4); opacity: 0; }
  20%  { opacity: 1; }
  100% { transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(0.9); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .keyif-parlama { display: none; } }

/* iPhone "Ana Ekrana Ekle" ipucu 🍎 */
#ios-ekle-ipucu {
  position: fixed; left: 12px; right: 12px; bottom: 14px; z-index: 10000;
  background: linear-gradient(140deg, #1c1440, #241a4e);
  border: 1px solid rgba(243,217,140,.35); border-radius: 16px;
  box-shadow: 0 12px 34px rgba(0,0,0,.5);
  padding: 12px 40px 12px 14px;
  transform: translateY(140%); opacity: 0; transition: transform .45s cubic-bezier(.2,.8,.3,1), opacity .45s;
}
#ios-ekle-ipucu.gor { transform: translateY(0); opacity: 1; }
#ios-ekle-ipucu .ios-ic { display: flex; align-items: center; gap: 12px; }
#ios-ekle-ipucu .ios-ay { font-size: 1.7rem; flex: 0 0 auto; filter: drop-shadow(0 0 8px rgba(243,217,140,.5)); }
#ios-ekle-ipucu .ios-metin { display: flex; flex-direction: column; gap: 2px; }
#ios-ekle-ipucu .ios-metin b { color: #f3d98c; font-size: .92rem; }
#ios-ekle-ipucu .ios-metin span { color: rgba(255,255,255,.8); font-size: .82rem; line-height: 1.45; }
#ios-ekle-ipucu .ios-metin span b { color: #fff; }
#ios-ekle-ipucu .ios-share { vertical-align: -3px; margin: 0 1px; }
#ios-ekle-ipucu .ios-kapat {
  position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; border-radius: 50%;
  border: none; background: rgba(255,255,255,.1); color: #fff; font-size: .8rem; cursor: pointer;
}