@tailwind base;
@tailwind components;
@tailwind utilities;

/* Disable tap highlight on mobile */
* {
    -webkit-tap-highlight-color: transparent;
}

/* Portrait lock logic via CSS (fallback if JS orientation API fails) */
@media (orientation: landscape) {
    #app-container {
        /* Rotate 90 degrees left */
        transform: rotate(-90deg);
        transform-origin: center center;
        
        /* Swap width and height to maintain aspect ratio bounds */
        width: 100vh !important;
        height: 100vw !important;
        
        /* Reposition to top-left after rotation */
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -50vh;
        margin-top: -50vw;
    }
}

/* Animation pour les nouvelles notifications */
@keyframes notifPop {
    0% {
        transform: translateY(-10px) scale(0.98);
        opacity: 0.5;
    }
    60% {
        transform: translateY(2px) scale(1.01);
        opacity: 1;
    }
    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.animate-notif {
    animation: notifPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}