/* rusyadaniste.com - Özel CSS Stilleri */

/* Alpine.js x-cloak için */
[x-cloak] {
    display: none !important;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Özel animasyonlar */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.3s ease-out;
}

/* Line clamp için ekstra güvenlik */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Mobil için ekstra optimizasyonlar */
@media (max-width: 480px) {
    /* Touch-friendly butonlar */
    button, a[role="button"] {
        min-height: 44px;
        min-width: 44px;
    }
}

/* Bavul animasyonları */
@keyframes shake {
    0%, 100% { transform: translateX(0) rotate(0deg); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px) rotate(-2deg); }
    20%, 40%, 60%, 80% { transform: translateX(5px) rotate(2deg); }
}

.shake {
    animation: shake 0.5s ease-in-out infinite;
}

/* Modal transition */
[x-cloak] {
    display: none !important;
}