/* ============================================================
   FRONTEND CSS — The Eternal Editorial
   Tailwind ile birlikte çalışan mobil-optimize ek stiller
   Bu dosya Tailwind CDN'den ÖNCE yüklenir.
   ============================================================ */

/* ---- TAŞMA KORUMA (en kritik kural — ilk yükleme anında) ---- */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    position: relative;
}

main {
    overflow: hidden;
}

/* ---- MOBİL ALT NAV SPACER ---- */
@media (max-width: 767px) {
    body {
        padding-bottom: 72px;
    }
}

/* ---- iOS SAFE AREA ---- */
.safe-bottom {
    padding-bottom: env(safe-area-inset-bottom, 0);
}

/* ---- MOBİL DOKUNMA ALANLARI ---- */
@media (max-width: 767px) {
    /* Galeri: Mobilde hover overlay yerine tap-friendly */
    .glass-card {
        display: none;
    }
    .masonry-item .absolute {
        display: none;
    }
}

/* ---- MOBİLDE BLUR PERFORMANS ---- */
@media (max-width: 767px) {
    .blur-\[120px\], .blur-\[80px\] { filter: blur(40px) !important; }
    .blur-\[100px\], .blur-\[60px\] { filter: blur(30px) !important; }
}