/*
Theme Name: WP Theme ZMedia
Theme URI: https://wptheme.store/
Author: wptheme
Author URI: https://ztteam.website/
Description: Designed and developed by wptheme
Text Domain: d3v
Tags: thiet ke web, thiet ke web wordpress
*/

@keyframes wpzIconFloat {
    0% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-6px) scale(1.05);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}

@keyframes wpzIconGlow {
    0% {
        opacity: 0.55;
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.4);
    }
    70% {
        opacity: 0;
        transform: scale(1.6);
        box-shadow: 0 0 25px 8px rgba(59, 130, 246, 0.15);
    }
    100% {
        opacity: 0;
        transform: scale(0.9);
    }
}

body .fas,
body .fa,
body .far,
body .fab,
body .fa-solid,
body .fa-regular,
body .fa-brands {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease, color 0.4s ease;
    animation: wpzIconFloat 5s ease-in-out infinite;
    will-change: transform;
}

body .fas::after,
body .fa::after,
body .far::after,
body .fab::after,
body .fa-solid::after,
body .fa-regular::after,
body .fa-brands::after {
    content: '';
    position: absolute;
    inset: -12px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(251, 191, 36, 0.32), transparent 65%);
    z-index: -1;
    animation: wpzIconGlow 5.5s ease-in-out infinite;
    pointer-events: none;
}

body .fas:hover,
body .fa:hover,
body .far:hover,
body .fab:hover,
body .fa-solid:hover,
body .fa-regular:hover,
body .fa-brands:hover {
    transform: translateY(-4px) scale(1.08);
    color: var(--wp--preset--color--primary, #fb923c);
}

.it-heading-gradient {
    color: #0c2c68;
    background-image: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    text-shadow: none;
}

.dark .it-heading-gradient {
    color: #93c5fd;
    text-shadow: none;
}