/* Custom Styles for Depileg Querétaro */

/* Pulse Animation for WhatsApp Button */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
        transform: scale(1);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
        transform: scale(1.05);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
        transform: scale(1);
    }
}

.whatsapp-float {
    animation: pulse 2s infinite;
}

/* Smooth Scrolling is handled by 'scroll-smooth' class in HTML, but for Safari compatibility: */
html {
    scroll-behavior: smooth;
}

/* Custom Selection Color */
::selection {
    background-color: #851E47; /* Primary */
    color: white;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
    background: #E8B4C8; /* Secondary */
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #851E47; 
}

/* Backdrop Blur fixes for transparency */
.backdrop-blur-md {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}