/* ========================================
   Tally Hero Form - Standalone between sections
   Formulaire "Être recontacté" positionné à cheval
   entre le hero et la section suivante.
   NE TOUCHE PAS au layout du hero.
   ======================================== */

/* Outer wrapper — sits between hero and next section */
.tally-hero-form {
    position: relative;
    z-index: 10;
    margin-top: -40px;
    padding: 0 20px;
    margin-bottom: 20px;
}

/* Inner card — white card style */
.tally-hero-form__inner {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
    padding: 24px 20px;
    max-width: 600px;
    margin: 0 auto;
    overflow: hidden;
}

.tally-hero-form__inner iframe {
    width: 100% !important;
    border: none;
    display: block;
}

/* ---- Mobile (< 768px) ---- */
@media (max-width: 767px) {
    .tally-hero-form {
        margin-top: -30px;
        padding: 0 16px;
        margin-bottom: 16px;
    }

    .tally-hero-form__inner {
        padding: 16px 14px;
        max-width: 100%;
    }
}

/* ---- Tablet (768px - 991px) ---- */
@media (min-width: 768px) and (max-width: 991px) {
    .tally-hero-form {
        margin-top: -50px;
        margin-bottom: 24px;
    }

    .tally-hero-form__inner {
        max-width: 560px;
    }
}

/* ---- Desktop (>= 992px) ---- */
@media (min-width: 992px) {
    .tally-hero-form {
        margin-top: -60px;
        margin-bottom: 0;
    }

    .tally-hero-form__inner {
        max-width: 680px;
        padding: 28px 32px;
    }
}

/* Hide old inline form containers (Story 7.1 rollback remnants) */
#hero-inline-form[data-tally-inline] {
    display: none;
}