/* ═══ CTA ARCHITECTURE VALIDÉE 2026-08-12 — Enquire on WhatsApp ═══
   1 CTA principal (WhatsApp) + 1 secondaire discret (form modal).
   Barre sticky mobile compacte : {PRIX} | Enquire on WhatsApp. */

/* — bouton WhatsApp principal (header fiche + barre sticky) — */
.twins-wa-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #25D366;
    color: #fff !important;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background .15s ease;
}
.twins-wa-cta:hover, .twins-wa-cta:focus {
    background: #1eb955;
    color: #fff !important;
}
.twins-wa-cta::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.6 0-3.1-.4-4.4-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1-.2.2-.6.8-.8 1-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4 0-.5.1-.7l.4-.5c.1-.2.2-.3.1-.5l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.3-.9.9-.9 2.2s.9 2.5 1 2.7c.1.2 1.8 2.8 4.4 3.9 1.6.7 2.3.8 3.1.7.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.1-1.2-.1-.1-.2-.2-.4-.3z"/></svg>') center/contain no-repeat;
}
/* prix */
.twins-price, .twins-sticky-price {
    font-weight: 700;
    color: #2d3a2f;
}

/* — bloc prix + CTA dans le header de la fiche — */
.twins-price-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin: 12px 0 4px;
}
.twins-price-cta .twins-price {
    font-size: 26px;
}

/* — lien secondaire (formulaire, discret) — */
.twins-secondary-cta-wrap {
    margin: 18px 0 4px;
}
.twins-secondary-cta {
    display: inline-block;
    color: #3a4135 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    font-size: 14px;
    font-weight: 600;
    opacity: .8;
}
.twins-secondary-cta:hover { opacity: 1; }

/* — barre sticky mobile compacte — */
@media (max-width: 767px) {
    /* le prix du header est porté par la barre sticky → pas de doublon */
    .twins-price-cta { display: none !important; }

    .booking_form_mobile {
        position: fixed !important;
        left: 0; right: 0; bottom: 0;
        z-index: 999;
        margin: 0 !important;
        background: #fff;
        border-top: 1px solid #e5e5e5;
        box-shadow: 0 -2px 10px rgba(0,0,0,.08);
        padding: 0;
    }
    .booking_form_mobile .twins-sticky-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
        min-height: 52px;
        max-height: 60px;
        box-sizing: border-box;
    }
    .booking_form_mobile .twins-sticky-price {
        font-size: 17px;
        white-space: nowrap;
    }
    .booking_form_mobile .twins-wa-cta {
        font-size: 14px;
        padding: 10px 16px;
    }
    /* le contenu ne doit jamais être masqué par la barre */
    body { padding-bottom: 64px; }
}