/*
Theme Name: Divi Child
Theme URI: https://elegantthemes.com
Description: Thème enfant pour Divi
Author: Victor Gibert
Template: Divi
Requires at least: 5.8
Requires PHP: 7.4
Version: 1.3.2
*/
:root {
    --color-white: #fff;
    --color-text: #333;
    --color-text-dark: #222;

    --color-primary: #3a86ff;
    --color-primary-dark: #428bd0;
    --color-primary-super-dark: #293070;

    --color-gray-light: #f1f3f5;
    --color-gray-border: #e1e5ea;
    --color-gray: #999;

    --color-danger: #e74c3c;

    --shadow-default: 0 4px 20px rgba(0, 0, 0, 0.05);

    --radius-small: 8px;
    --radius-medium: 12px;

    --focus-ring: 0 0 0 3px rgba(58, 134, 255, 0.15);

    --transition-fast: 0.2s ease;
}

/* Signatures */

.hp-signature-wrapper {
    margin: 15px 0;
}
#hp-signature-pad {
    background:#fff;
    border-radius: 4px;
    touch-action: none;
}
.signature_base64 {
    display: none;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-pagination-steps {
    display: block;
    margin: 0 0 50px !important;
}

#signature-container {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 15px auto;
}

#clear-signature {
    min-height: 24px;
    padding: 8px 8px;
    font-size: 14px;
}

#clear-button {
    display: flex;
    justify-content: center;
}

/* Bouton « retour à l'accueil » au-dessus des formulaires (même style que les boutons HandiPDF) */
.back-to-home,
.back-to-home .et_pb_button,
.et_pb_button.back-to-home {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 18px !important;
    box-sizing: border-box;
    border: 0 !important;
    border-radius: 4px !important;
    background: #293070 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    text-decoration: none;
}

.back-to-home:hover,
.back-to-home .et_pb_button:hover,
.et_pb_button.back-to-home:hover {
    background: #3a86ff !important;
    padding: 8px 18px !important;
}

/* Divi ajoute une flèche et décale le texte au survol */
.et_pb_button.back-to-home::after,
.back-to-home .et_pb_button::after {
    display: none !important;
}

@media (max-width: 767px) {
    .back-to-home,
    .back-to-home .et_pb_button,
    .et_pb_button.back-to-home {
        display: flex;
        width: 100%;
    }
}

/* Bouton de déconnexion [handi_deconnexion] */
a.handi-deconnexion {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 18px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 4px;
    background: #fff !important;
    color: #293070 !important;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background-color 0.2s, color 0.2s;
}

a.handi-deconnexion:hover,
a.handi-deconnexion:focus {
    background: #293070 !important;
    color: #fff !important;
    border: 2px solid #293070;
}

@media (max-width: 767px) {
    a.handi-deconnexion {
        display: flex;
        width: 100%;
    }
}