/* ==========================================================================
   MarketingJoy - Masquer le formulaire de contact
   Remplacé par Calendly
   ========================================================================== */

/* Masquer complètement la popup de booking */
#bookingPopup,
.booking-popup,
.contact-modal,
.discovery-call-popup,
[class*="booking-"],
[id*="booking-"],
[class*="contact-form"],
[id*="contact-form"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Masquer les overlays de formulaire */
.modal-overlay,
.popup-overlay,
.form-overlay {
    display: none !important;
}

/* S'assurer que les boutons Calendly sont visibles */
button[onclick*="openCalendly"],
.calendly-button {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Style pour les boutons Calendly */
.calendly-button {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.calendly-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    text-decoration: none;
    color: white;
}

.calendly-button i {
    font-size: 1rem;
}

/* Animation pour les boutons Calendly */
@keyframes calendlyPulse {
    0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); }
    100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
}

.calendly-button.pulse {
    animation: calendlyPulse 2s infinite;
}

/* Message de redirection si besoin */
.calendly-redirect-message {
    background: #dbeafe;
    border: 1px solid #3b82f6;
    border-radius: 6px;
    padding: 1rem;
    margin: 1rem 0;
    color: #1e40af;
    text-align: center;
}

.calendly-redirect-message a {
    color: #1d4ed8;
    font-weight: 600;
    text-decoration: underline;
}

.calendly-redirect-message a:hover {
    color: #1e40af;
}