.elementor-13 .elementor-element.elementor-element-a2af563{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-2403b71f *//* 1. Cache le sélecteur radio d'origine */

#pmpro_payment_method {

    display: none !important;

}



/* 2. La boîte de fond - STYLE PERSONNALISÉ */

.pmpro_form_submit {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: wrap !important;

    justify-content: center !important;

    align-items: flex-start !important; 

    width: 100% !important;

    margin: 30px 0 !important;

    background-color: #0b1120 !important; 

    border: 1px solid #00C896 !important; 

    border-radius: 8px !important;

    padding: 30px 20px 40px 20px !important; 

    box-sizing: border-box !important;

    

    /* CORRECTION : Espace entre les boutons réduit de 100px à 40px */

    gap: 0 10px !important; 

}



/* 3. LOGIQUE DE TRADUCTION ET DYNAMISME DU TITRE */

.pmpro_form_submit::before {

    content: "CHOISISSEZ VOTRE MODE DE PAIEMENT SÉCURISÉ";

    display: block !important;

    flex: 0 0 100% !important;

    width: 100% !important;

    text-align: center !important;

    font-size: 1.25rem !important; 

    font-weight: 700 !important;

    color: #ffffff !important;

    letter-spacing: 2px;

    margin-bottom: 40px !important;

    order: -2;

}



:lang(en) .pmpro_form_submit::before {

    content: "CHOOSE YOUR SECURE PAYMENT METHOD" !important;

}



#pmpro_form:not(:has(#gateway_paypalexpress)) .pmpro_form_submit::before {

    content: "VALIDEZ VOTRE INSCRIPTION GRATUITE" !important;

}



:lang(en) #pmpro_form:not(:has(#gateway_paypalexpress)) .pmpro_form_submit::before {

    content: "CONFIRM YOUR FREE REGISTRATION" !important;

}



/* 4. Les conteneurs des boutons */

#pmpro_submit_span, #pmpro_paypalexpress_checkout {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    margin: 0 !important;

    padding: 0 !important;

    flex: 0 0 auto !important;

}



#pmpro_submit_span {

    flex-direction: column !important;

    order: -1 !important;

}



/* --- TEXTE DE SÉCURITÉ STRIPE --- */

#pmpro_submit_span::after {

    content: "🔒 Paiement sécurisé via Stripe";

    display: block !important;

    margin-top: 8px !important; 

    font-size: 12px !important;

    color: rgba(255, 255, 255, 0.6) !important;

    font-weight: 400 !important;

    text-align: center !important;

}



:lang(en) #pmpro_submit_span::after {

    content: "🔒 Secure payment via Stripe" !important;

}



/* Masque le texte si gratuit */

#pmpro_form:not(:has(#gateway_paypalexpress)) #pmpro_submit_span::after {

    display: none !important;

}



#pmpro_paypalexpress_checkout { order: 1 !important; }

#pmpro_form:not(:has(#gateway_paypalexpress)) #pmpro_paypalexpress_checkout { display: none !important; }



/* 5. Style des Boutons */

#pmpro_btn-submit, #pmpro_btn-submit-paypalexpress {

    width: 320px !important; 

    height: 60px !important; 

    border-radius: 6px !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    text-transform: uppercase;

    cursor: pointer !important;

    border: none !important;

    transition: all 0.3s ease !important;

}



/* --- LE BOUTON CARTE AVEC L'ICÔNE SVG --- */

#pmpro_btn-submit { 

    background-color: #6366f1 !important; 

    color: white !important; 

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='white'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112V400c0 26.5 21.5 48 48 48H528c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H48zM48 96H528c8.8 0 16 7.2 16 16v48H32V112c0-8.8 7.2-16 16-16zM48 416c-8.8 0-16-7.2-16-16V224H544V400c0 8.8-7.2 16-16 16H48z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;

    background-position: 25px center !important;

    background-size: 22px !important;

    padding-left: 40px !important; 

}



#pmpro_form:not(:has(#gateway_paypalexpress)) #pmpro_btn-submit {

    background-image: none !important;

    padding-left: 0 !important;

}



#pmpro_btn-submit-paypalexpress { background: #ffc439 !important; color: #003087 !important; }



/* 6. Effets au survol */

#pmpro_btn-submit:hover {

    transform: translateY(-3px) !important;

    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4) !important;

}



#pmpro_btn-submit-paypalexpress:hover {

    transform: translateY(-3px) !important;

    box-shadow: 0 4px 15px rgba(255, 196, 57, 0.4) !important;

}



/* 7. Mobile */

@media (max-width: 768px) {

    .pmpro_form_submit {

        flex-direction: column !important;

        gap: 0px !important;

        padding: 25px 15px 15px 15px !important;

        align-items: center !important; 

    }

    #pmpro_submit_span::after { margin-bottom: 0px !important; }

}/* End custom CSS */