/*
Theme Name: VNGPOWER Master Theme
Version: 8.0 (Tailwind Native)
Author: Hân Đặng
Description: Fully migrated to Tailwind CSS. No legacy styles.
*/

/* 
 * NOTE: All styles are now handled by Tailwind CSS classes in template files.
 * Custom CSS here involves ONLY unavoidable plugin overrides or global resets not handled by Tailwind Preflight.
 */

.wpcf7-form-control {
    width: 100%;
}

/* =========================================
   CUSTOM ANIMATIONS (Restored for Runtime Mode)
   ========================================= */

/* 1. Phone Ring & Pulse Wave (Zalo/Hotline Buttons) */
@keyframes vng-phone-ring {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes vng-pulse-wave {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }

    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}

.vng-animate-ring {
    animation: vng-phone-ring 1s infinite ease-in-out;
}

.vng-wave {
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    /* rounded-full */
    opacity: 0.6;
    pointer-events: none;
    animation: vng-pulse-wave 2s infinite linear;
}

.vng-wave-delay {
    animation-delay: 1s;
}

/* 2. Mega Menu Animations */
@keyframes vng-fade-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-in.fade-in.slide-in-from-top-2 {
    animation: vng-fade-in 0.3s ease-out forwards;
}