/* =========================================================
   AKLIO — Contact V2
   Styles spécifiques à la page contact uniquement.

============================================================ */


/* Boucles décoratives au premier plan — page contact recrutement */
.section-with-loop > .section-loop {
    z-index: 3;
}

.section-with-loop > *:not(.section-loop) {
    position: relative;
    z-index: 1;
}
/* Boucle entre le hero et la section formulaire */
.contact-hero {
    position: relative;
    overflow: visible;
}

.contact-hero .contact-hero-loop {
    bottom: -200px;
    left: -30px;
    z-index: 2;
}

/* Le texte du hero reste devant la boucle */
.contact-hero > h1,
.contact-hero > .section-lead {
    position: relative;
    z-index: 3;
}

.contact-phone-with-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.contact-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.contact-whatsapp img {
    width: 21px;
    height: 21px;
    object-fit: contain;
    transition:
        transform 0.2s ease,
        opacity 0.2s ease;
}

.contact-whatsapp:hover img {
    transform: scale(1.10);
    opacity: 0.8;
}