/* -------------------------------------------
cta-icons.css
Animations for the two custom hero-button icons:
- .mil-gift-icon      -> "Get Domain & Hosting Free" button
- .mil-contact-icon   -> "Feel Free to Contact" button
Pair with the actual <svg> markup provided alongside this file.
------------------------------------------- */

.mil-button svg.mil-gift-icon,
.mil-button svg.mil-contact-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 12px;
    display: block;
}

/* gift box - shaken/wobbling, like it's excited to be opened */
.mil-gift-icon {
    -webkit-transform-origin: 50% 85%;
        -ms-transform-origin: 50% 85%;
            transform-origin: 50% 85%;
    -webkit-animation: mil-gift-wobble 2.6s ease-in-out infinite;
            animation: mil-gift-wobble 2.6s ease-in-out infinite;
}
@-webkit-keyframes mil-gift-wobble {
    0%, 100% { -webkit-transform: rotate(0deg) translateY(0); transform: rotate(0deg) translateY(0); }
    15%  { -webkit-transform: rotate(-12deg) translateY(-2px); transform: rotate(-12deg) translateY(-2px); }
    30%  { -webkit-transform: rotate(10deg) translateY(-4px); transform: rotate(10deg) translateY(-4px); }
    45%  { -webkit-transform: rotate(-8deg) translateY(-1px); transform: rotate(-8deg) translateY(-1px); }
    60%  { -webkit-transform: rotate(6deg) translateY(-3px); transform: rotate(6deg) translateY(-3px); }
    75%  { -webkit-transform: rotate(-3deg) translateY(0); transform: rotate(-3deg) translateY(0); }
}
@keyframes mil-gift-wobble {
    0%, 100% { -webkit-transform: rotate(0deg) translateY(0); transform: rotate(0deg) translateY(0); }
    15%  { -webkit-transform: rotate(-12deg) translateY(-2px); transform: rotate(-12deg) translateY(-2px); }
    30%  { -webkit-transform: rotate(10deg) translateY(-4px); transform: rotate(10deg) translateY(-4px); }
    45%  { -webkit-transform: rotate(-8deg) translateY(-1px); transform: rotate(-8deg) translateY(-1px); }
    60%  { -webkit-transform: rotate(6deg) translateY(-3px); transform: rotate(6deg) translateY(-3px); }
    75%  { -webkit-transform: rotate(-3deg) translateY(0); transform: rotate(-3deg) translateY(0); }
}

/* chat bubble - gentle nodding bounce, like a friendly "hey, talk to us" */
.mil-contact-icon {
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-animation: mil-contact-nod 1.8s ease-in-out infinite;
            animation: mil-contact-nod 1.8s ease-in-out infinite;
}
@-webkit-keyframes mil-contact-nod {
    0%, 100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
    50%      { -webkit-transform: translateY(-4px) rotate(-6deg); transform: translateY(-4px) rotate(-6deg); }
}
@keyframes mil-contact-nod {
    0%, 100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
    50%      { -webkit-transform: translateY(-4px) rotate(-6deg); transform: translateY(-4px) rotate(-6deg); }
}

@media screen and (prefers-reduced-motion: reduce) {
    .mil-gift-icon,
    .mil-contact-icon {
        -webkit-animation: none;
                animation: none;
    }
}