.trouma-bouton-paypal {
    /* Élimine toute couleur de fond */
    background-color: transparent !important; 
    /* Souvent, WordPress ajoute également une bordure orange par défaut, il faut la supprimer aussi */
    border: none !important; 
    /* Le 'box-shadow' est parfois utilisé pour donner un effet 3D */
    box-shadow: none !important; 
    /* NOUVEAU: Utiliser inline-block pour mieux respecter le flux Flexbox de Gutenberg */
    /* Cela permet au bouton d'être un "bloc" sans forcer la hauteur d'une manière absolue. */
    display: inline-block !important;
    /* Assurez-vous que l'image et le bouton n'ont pas de rembourrage superflu */
    padding: 0 !important; 
    margin: 0;
    line-height: normal; // Réduit la hauteur si l image est la seule chose dedans
    /* Assure que l'élément s'aligne en haut */
    vertical-align: top;
}

/* Optionnel: Assurez-vous que l'image est bien le seul contenu et est alignée */
.trouma-bouton-paypal img {
    display: block;
    max-width: 100%;
    height: auto;`
}/* Bouton (Aspect "Clone PayPal") */

/* Cibler le bouton à l'intérieur de la colonne Gutenberg */
.wp-block-column .trouma-bouton-paypal {
    /* CLÉ 1 : Forcer le bouton à être un élément de bloc bien défini dans le flux Flexbox. */
    display: inline-block !important;

    /* CLÉ 2 : Enlever tout espacement qui pourrait être mal interprété par Chrome. */
    /* Nous avons déjà padding: 0 !important; dans votre code, ce qui est bien. */

    /* Remplacer line-height: 0; par un padding standard */
    padding: 0 !important; /* Ajoutez de l'espace vertical si besoin (5px en haut/bas) */

    /* S'assurer qu'il ne prend pas de marges latérales inattendues */
    margin: 0 ;
        /* Assurer que la transparence est bien appliquée ici aussi */
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* --- Solution de Dernier Recours sur la Colonne elle-même (le parent direct) --- */
/* Ceci force le conteneur Flex à recalculer son contenu. */
.wp-block-column {
    overflow: hidden !important;
     min-height: 100px !important;
}

.trouma-button-image {
    max-width: 100%; // S assure que l image ne déborde pas
    height: auto;
    display: block; // Évite les espaces blancs sous l image
}

.trouma-bouton-paypal:hover {
    background-color: #004c99;
}

/* -------------------------------------- */
/* Structure de l'Overlay / Modal */
/* -------------------------------------- */
.trouma-overlay-modal {
    display: none; /* Cache la fenêtre par défaut */
    position: fixed; /* Reste fixe au défilement */
    z-index: 9999; /* Assure que la fenêtre est au-dessus de tout */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(200,200,200,0.3); /* Fond sombre et transparent */
}

.trouma-modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* Centre la fenêtre verticalement et horizontalement */
    padding: 0;
    border: 1px solid #888;
    width: 90%; /* Largeur de la fenêtre */
    height: 90%; /* Hauteur de la fenêtre pour l'iframe */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    position: relative;
}

/* -------------------------------------- */
/* CORRECTION : L'iframe DOIT cibler la balise elle-même à l'intérieur du contenu */
/* -------------------------------------- */
.trouma-modal-content iframe { /* Cible toutes les balises iframe dans le contenu modal */
    width: 100%;
    height: 100%; /* CRUCIAL : Fait en sorte qu'elle remplisse les 90% de hauteur du parent */
    display: block;
}

/* Style de l'Iframe */
#trouma-external-frame {
    width: 100%;
    height: 100%;
    display: block;
}

/* Bouton de Fermeture */
.trouma-close-button {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 10000;
}

.trouma-close-button:hover,
.trouma-close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}