/* Custom styles for Motel Tiên Sơn 2 */

/* Pulsing effect for floating call button */
.pulse-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: ring-pulse 1.8s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    z-index: -1;
}

@keyframes ring-pulse {
    0% {
        transform: scale(0.95);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.4);
        opacity: 0.3;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

/* Tada shake animation for call icon */
@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%, 20% {
        transform: scale(0.9) rotate(-6deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(6deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-6deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

.animate-tada {
    animation: tada 2s infinite ease-in-out;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

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

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}