/* Small additions on top of the compiled template stylesheet (app.css):
   replaces the Font Awesome / animate.css classes used in the original
   build (dropped to keep the site lightweight) with equivalent,
   dependency-free CSS. */

/* ---- Number badges (used to replace <i class="fa-solid fa-1">) ---- */
.wp-icon,
.noplus-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
    transition: transform .25s ease;
}

.list:hover .wp-icon,
.avantages .col-md-4:hover .noplus-icon {
    transform: scale(1.12);
}

/* ---- Bounce-in title animations (used to replace animate.css) ---- */
@keyframes awjBounceInLeft {
    0%   { opacity: 0; transform: translate3d(-60px, 0, 0); }
    60%  { opacity: 1; transform: translate3d(8px, 0, 0); }
    80%  { transform: translate3d(-4px, 0, 0); }
    100% { transform: translate3d(0, 0, 0); }
}

@keyframes awjBounceInUp {
    0%   { opacity: 0; transform: translate3d(0, 40px, 0); }
    60%  { opacity: 1; transform: translate3d(0, -8px, 0); }
    80%  { transform: translate3d(0, 4px, 0); }
    100% { transform: translate3d(0, 0, 0); }
}

.anim-bounce-in-left { animation: awjBounceInLeft .9s ease both; }
.anim-bounce-in-up { animation: awjBounceInUp .9s ease .15s both; }

/* ---- Hero subtitle shimmer (homepage hero only) ---- */
#hero .hero-subtitle {
    background: linear-gradient(90deg, #fff 0%, #cfcfcf 45%, #fff 65%, #cfcfcf 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: awjShimmer 6s linear infinite;
}

@keyframes awjShimmer {
    to { background-position: -200% center; }
}

/* ---- Gentle floating attention for the WhatsApp button ---- */
.whatsapp-btn {
    animation: awjPulse 2.4s ease-in-out infinite;
}

@keyframes awjPulse {
    0%, 100% { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(14, 116, 51, .45); }
    50%      { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 0 0 10px rgba(14, 116, 51, 0); }
}

/* ---- Section title underline draw-in ---- */
.section-title h2::after {
    transition: width .8s ease .2s;
}
.section-title.aos-animate h2::after {
    width: 60px;
}

/* ---- Subtle card lift already present on .icon-box; extend to info cards ---- */
.info-card,
.flip-box,
.step-badge {
    transition: transform .35s ease, box-shadow .35s ease;
}
.info-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

/* ---- Honeypot anti-spam field: hidden from real visitors only via CSS/position,
   never display:none (bots specifically look for that to skip the field) ---- */
.hp-field {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}