/**
 * Mektup Merkezi - Ana Stil Dosyası
 * Dosya: public/css/style.css
 */

/* ==========================================================================
   1. GENEL AYARLAR & SCROLLBAR
   ========================================================================== */
[x-cloak] { 
    display: none !important; 
}

html {
    scroll-behavior: smooth;
}

/* Modern Minimal Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #faf8f5;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ==========================================================================
   2. GERÇEKÇİ KAĞIT DOKULARI (PAPER TEXTURES)
   ========================================================================== */

/* Çizgili Klasik Defter Kağıdı */
.paper-lines {
    background-color: #ffffff;
    background-image: repeating-linear-gradient(transparent, transparent 31px, #e2e8f0 31px, #e2e8f0 32px);
    line-height: 32px;
}

/* Vintage Samur Kraft Kağıt Dokusu */
.paper-kraft {
    background-color: #f4ebe1;
    background-image: radial-gradient(#e5d9c0 1px, transparent 1px);
    background-size: 16px 16px;
    border-color: #dfcfbd;
}

/* Fildişi Parşömen Dokusu */
.paper-parchment {
    background: radial-gradient(circle at 50% 50%, #fdfbf7 0%, #f6edd9 100%);
    border-color: #e8ddc9;
}

/* Romantik Gül Pembesi Kağıt */
.paper-romantic {
    background: #fff5f5;
    background-image: radial-gradient(#fecdd3 0.8px, transparent 0.8px);
    background-size: 20px 20px;
    border-color: #fecdd3;
}

/* ==========================================================================
   3. GERÇEKÇİ BALMUMU MÜHÜR & DAMGA (WAX SEAL)
   ========================================================================== */
.wax-seal {
    position: relative;
    box-shadow: 
        inset 0 2px 4px rgba(255, 255, 255, 0.45), 
        inset 0 -2px 5px rgba(0, 0, 0, 0.35), 
        0 6px 14px rgba(159, 18, 57, 0.4);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wax-seal:hover {
    transform: scale(1.08) rotate(-3deg);
}

.wax-seal-gold {
    box-shadow: 
        inset 0 2px 4px rgba(255, 255, 255, 0.5), 
        inset 0 -2px 5px rgba(0, 0, 0, 0.4), 
        0 6px 14px rgba(180, 83, 9, 0.4);
}

/* ==========================================================================
   4. POLAROID FOTOĞRAF KARTI EFEKTİ
   ========================================================================== */
.polaroid-card {
    background: #ffffff;
    box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1), 0 2px 6px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid #f1f5f9;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.polaroid-card:hover {
    transform: translateY(-4px) rotate(0deg) scale(1.03);
    box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   5. ANİMASYONLAR VE GÖRSEL MİKRO ETKİLEŞİMLER
   ========================================================================== */
@keyframes floatSlow {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-8px);
    }
}

.animate-float {
    animation: floatSlow 5s ease-in-out infinite;
}

/* Vurgu Işıltısı (Glow) */
.glow-brand {
    box-shadow: 0 0 35px -5px rgba(225, 29, 72, 0.35);
}

.glow-amber {
    box-shadow: 0 0 35px -5px rgba(217, 119, 6, 0.35);
}

/* ==========================================================================
   6. ULTRA MOBİL & DOKUNMATİK ERGONOMİSİ
   ========================================================================== */

/* Dokunmatik gecikmesini kaldır ve mobil tıklama vurgusunu şeffaflaştır */
* {
    -webkit-tap-highlight-color: transparent;
}

button, a, input, select, textarea, label {
    touch-action: manipulation;
}

/* iOS Safari form odaklanmalarında otomatik yakınlaşmayı (auto-zoom) engelle */
@media screen and (max-width: 768px) {
    input, select, textarea {
        font-size: 16px !important;
    }
}

/* iPhone çentik ve alt kontrol çubuğu (Safe Area) desteği */
.safe-area-bottom {
    padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
}

.safe-area-top {
    padding-top: env(safe-area-inset-top, 0px);
}

/* Yatay kaydırılabilir buton barları için gizli kaydırma çubuğu */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Yumuşak dokunmatik ivmeli kaydırma */
.touch-scroll {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

/* Mobil Alt Gezinti Çubuğu Gölgesi */
.mobile-nav-shadow {
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08), 0 -1px 3px rgba(0, 0, 0, 0.04);
}