/* Volt Precision / Elektryk Plus Custom Styles */

@layer utilities {
    /* Pulse CTA Animation */
    @keyframes pulse-subtle {
        0%, 100% {
            box-shadow: 0 0 0 0 rgba(254, 208, 27, 0.4);
        }
        50% {
            box-shadow: 0 0 0 12px rgba(254, 208, 27, 0);
        }
    }

    .pulse-cta {
        animation: pulse-subtle 2.5s infinite;
    }

    /* Modal Backdrop Blur */
    .modal-backdrop {
        background-color: rgba(19, 27, 46, 0.75);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    /* Toast Notification Animation */
    @keyframes slideUpFade {
        from {
            opacity: 0;
            transform: translateY(20px) scale(0.95);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    .animate-toast {
        animation: slideUpFade 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
}

/* Material Symbols Adjustments */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

/* Service Card Hover Micro-Interactions */
.service-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -6px rgba(19, 27, 46, 0.08), 0 4px 12px -2px rgba(19, 27, 46, 0.04);
    border-color: #fed01b;
}

/* 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;
}

/* Hidden elements helper */
.hidden-menu {
    display: none;
}