/* מונע גלילה אופקית */
body {
    overflow-x: hidden;
}

/* אפקט POP לכרטיסיות */
.profile-box {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

/* תמונות שמופיעות מימין לשמאל */
.slide-in-right {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}

/* תמונות שמופיעות משמאל לימין */
.slide-in-left {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}

/* כשהתמונה נראית במסך */
.translate-x-0 {
    transform: translateX(0);
    opacity: 1;
}

/* מחלקה מיוחדת להזזת תמונות משמאל לימין */
.-translate-x-full {
    transform: translateX(-100%);
}

/* מחלקה מיוחדת להזזת תמונות מימין לשמאל */
.translate-x-full {
    transform: translateX(100%);
}

/* תיקון מובייל - מבטל תנועה אופקית */
@media (max-width: 768px) {
    .slide-in-right,
    .slide-in-left {
        transform: translateX(0) !important;
        opacity: 0;
    }
}

/* אפקט הגדלה לכרטיסיות */
.card-effect {
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.card-effect:hover {
    transform: scale(1.05);
    background-color: #f3f4f6; /* צבע רקע עדין */
}

/* אנימציה לכפתור התחברות */
.Loginbtn:hover {
    transform: scale(1.05);
}

/* אנימציה לכפתור הרשמה */
.Signbtn:hover {
    transform: scale(1.05);
}
/* תפריט ההמבורגר (Mobile Menu) */

    
        /* תפריט מובייל - בצד ימין */
        #mobile-menu-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 50;
        }

        #mobile-menu {
        position: fixed;
        top: 0;
        right: 0; /* הבטחת המיקום בצד ימין */
        width: 75%;
        max-width: 300px;
        height: 100vh;
        background: white;
        box-shadow: -4px 0 6px rgba(0, 0, 0, 0.1);
        transform: translateX(100%); /* התחלה מוסתרת - הוזז ימינה */
        transition: transform 0.3s ease-in-out;
        }

        /* מצב פתוח */
        #mobile-menu.show {
            transform: translateX(0);
        }