/* Forest Park — Katman B DALGA 1, B2 "Gelismis" ortak blok davranislari.
   Yalniz sayfada en az 1 blok varsa yuklenir (bkz. blocks/_render.blade.php).
   Kapsam: giris animasyonu, cihaza gore gizle, yapiskan. */

.fp-hide-mobile { display: none; }
.fp-hide-tablet { display: block; }
.fp-hide-desktop { display: block; }
@media (min-width: 641px) and (max-width: 1024px) {
  .fp-hide-mobile { display: block; }
  .fp-hide-tablet { display: none; }
}
@media (min-width: 1025px) {
  .fp-hide-mobile { display: block; }
  .fp-hide-tablet { display: block; }
  .fp-hide-desktop { display: none; }
}

.fp-sticky {
  position: sticky;
  top: 0;
  z-index: 30;
}

.fp-anim {
  opacity: 0;
  transition: opacity .7s ease, transform .7s ease;
  will-change: opacity, transform;
}
.fp-anim-fade { transform: translateY(0); }
.fp-anim-slide { transform: translateY(24px); }
.fp-anim-zoom { transform: scale(.92); }
.fp-anim.fp-anim-visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .fp-anim { opacity: 1; transform: none; transition: none; }
}

/* ---- Katman B DALGA 2, B2 ortak "Gelismis" ozellikleri (11.09.2026) ---- */

/* b2-arkaplan-animasyon */
.fp-bg-anim { position: relative; overflow: hidden; }
.fp-bg-anim-dalga::before {
  content: ""; position: absolute; left: -10%; right: -10%; bottom: -1px; height: 40px;
  background: repeating-linear-gradient(90deg, rgba(30,58,43,.06) 0 40px, rgba(30,58,43,0) 40px 80px);
  animation: fpBgWave 6s linear infinite; pointer-events: none; z-index: 0;
}
@keyframes fpBgWave { from { transform: translateX(0); } to { transform: translateX(-80px); } }
.fp-bg-anim-parcaciklar::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image: radial-gradient(rgba(30,58,43,.10) 1.5px, transparent 1.5px);
  background-size: 26px 26px; animation: fpBgDrift 14s linear infinite;
}
@keyframes fpBgDrift { from { background-position: 0 0; } to { background-position: 120px 200px; } }
.fp-bg-anim-degrade {
  background-size: 200% 200%; animation: fpBgGradient 8s ease infinite;
  background-image: linear-gradient(120deg, rgba(30,58,43,.05), rgba(255,173,37,.06), rgba(30,58,43,.05));
}
@keyframes fpBgGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@media (prefers-reduced-motion: reduce) {
  .fp-bg-anim-dalga::before, .fp-bg-anim-parcaciklar::after, .fp-bg-anim-degrade { animation: none; }
}

/* b2-hover-efektleri */
.fp-hover-zoom img { transition: transform .5s ease; overflow: hidden; }
.fp-hover-zoom:hover img { transform: scale(1.06); }
.fp-hover-reveal .fp-hover-caption {
  opacity: 0; transform: translateY(8px); transition: opacity .3s ease, transform .3s ease;
}
.fp-hover-reveal:hover .fp-hover-caption { opacity: 1; transform: none; }
.fp-hover-dim img { transition: filter .3s ease, opacity .3s ease; }
.fp-hover-dim:hover img { filter: brightness(.75); }

/* b2-tooltip (saf CSS, attr() ile) */
.fp-has-tooltip { position: relative; cursor: help; }
.fp-has-tooltip::after {
  content: attr(data-fp-tooltip); position: absolute; left: 50%; bottom: 100%;
  transform: translate(-50%, -8px) scale(.96); background: #1e3a2b; color: #fff;
  font-size: 12px; line-height: 1.4; padding: 6px 10px; border-radius: 6px; white-space: nowrap;
  max-width: 260px; opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; z-index: 40;
}
.fp-has-tooltip:hover::after, .fp-has-tooltip:focus-within::after { opacity: 1; transform: translate(-50%, -12px) scale(1); }

/* b2-rozet (JS ile eklenir, bkz. _advanced.js) */
[data-fp-badge] { position: relative; }
.fp-badge {
  position: absolute; top: 10px; right: 10px; z-index: 20; font-size: 12px; font-weight: 700;
  padding: 4px 10px; border-radius: 9999px; color: #fff; letter-spacing: .02em; pointer-events: none;
}
.fp-badge-forest { background: #1e3a2b; }
.fp-badge-gold { background: #ffad25; color: #1e3a2b; }
.fp-badge-red { background: #c1443a; }

/* b2-wrapper-link (Sarici Link) */
.fp-wrap-link { cursor: pointer; }

/* b2-icerik-koruma — 12.09.2026: eski istemci-tarafi (.fp-locked/.fp-lock-prompt)
   gorsel-bulanik kapi KALDIRILDI. Yeni kilit formunun stili
   resources/views/blocks/_locked.blade.php icinde SCOPED (.fp-lock-form-*)
   satir-ici <style> olarak tanimli — bu dosyaya (dondurulmus frontend CSS'e)
   dokunulmadi. */

/* b2-hazir-tasarim-onayarlari (Preset) */
.fp-preset-minimal { background: transparent; box-shadow: none; }
.fp-preset-vurgulu { background: #fff7e8; border: 1px solid #ffe1a3; border-radius: 14px; }
.fp-preset-karanlik-kart { background: #1e3a2b; color: #f3ede0; border-radius: 14px; }
.fp-preset-karanlik-kart :is(h1,h2,h3,h4,p,span,li) { color: inherit; }

/* b2-kose-yuvarlama (Border Radius) */
.fp-radius-hafif { border-radius: 8px; overflow: hidden; }
.fp-radius-yuvarlak { border-radius: 20px; overflow: hidden; }
.fp-radius-tam { border-radius: 9999px; overflow: hidden; }