@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap');

/* הגדרות בסיס */
body {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff;
    color: #1e293b;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    opacity: 0; /* מוסתר בהתחלה למניעת הבהוב */
    animation: fadeInPage 0.4s ease-out forwards;
}

main { flex: 1; }

/* אנימציות */
@keyframes fadeInPage { to { opacity: 1; } }

.fade-in { animation: fadeIn 0.5s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.slide-in { animation: slideIn 0.3s ease-out; }
@keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }

/* אנימציית טעינה (ספינר) */
.loader {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #2563eb;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
    display: inline-block;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Skeleton Loader (ריבועים אפורים) */
.skeleton {
    background: #e2e8f0;
    border-radius: 0.5rem;
    animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } }

/* ביטול גלילה באלמנטים מסוימים */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }