/* ==========================================================================
   Boutons globaux Séché AE — pill accent avec icône ronde
   S'applique à tous les wp-block-button du thème
   Animation : background plus clair + rotation -45deg de l'icône ronde
   ========================================================================== */

.wp-block-button .wp-block-button__link,
.leb-cta,
.wpcf7-submit {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: var(--wp--preset--color--green-accent);
    color: var(--wp--preset--color--teal);
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--md);
    font-weight: 600;
    border-radius: 39px;
    padding: 8px 8px 8px 24px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wp-block-button .wp-block-button__link::after,
.leb-cta::after,
.wpcf7-submit::after {
    content: '';
    width: 36px;
    height: 36px;
    background-color: var(--wp--preset--color--white);
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23224C58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.wp-block-button .wp-block-button__link:hover,
.leb-cta:hover,
.wpcf7-submit:hover {
    background-color: #bde619;
}

.wp-block-button .wp-block-button__link:hover::after,
.leb-cta:hover::after,
.wpcf7-submit:hover::after {
    transform: rotate(-45deg);
}

/* Collision de nommage : le bloc CTA du thème parent (leb-theme-core) définit
   aussi .leb-cta avec un fond bleu #2563eb via `.leb-cta:not([class*="is-style-"])`
   (spécificité 0,2,0). Ce CSS parent est chargé dans l'éditeur (tous les styles
   de blocs y sont présents) et sur le front dès qu'un bloc CTA parent est utilisé,
   et il écrase alors le `.leb-cta` accent du thème (0,1,0). On rétablit le fond
   accent avec une spécificité supérieure (0,3,0), sans !important.
   Exception : le bouton du cta-footer, qui a son propre style blanc (fond blanc
   sur la carte verte), est exclu de cette règle globale via :not(). */
.leb-main .leb-cta:not([class*="is-style-"]):not(.seche-cta-footer__cta-link),
.editor-styles-wrapper .leb-cta:not([class*="is-style-"]):not(.seche-cta-footer__cta-link) {
    background-color: var(--wp--preset--color--green-accent);
    color: var(--wp--preset--color--teal);
}
.leb-main .leb-cta:not([class*="is-style-"]):not(.seche-cta-footer__cta-link):hover,
.editor-styles-wrapper .leb-cta:not([class*="is-style-"]):not(.seche-cta-footer__cta-link):hover {
    background-color: #bde619;
}

/* ==========================================================================
   Variante blanche — fond blanc, icône ronde verte
   Utilisation : <!-- wp:button {"className":"is-style-white"} -->
   ========================================================================== */

.wp-block-button.is-style-white .wp-block-button__link {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--teal);
}

.wp-block-button.is-style-white .wp-block-button__link::after {
    background-color: var(--wp--preset--color--green-accent);
}

.wp-block-button.is-style-white .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--bg);
}

/* ==========================================================================
   Variantes contextuelles
   ========================================================================== */

/* Sur fond accent (CTA section accent), le bouton est en blanc */
.seche-cta-section--accent .wp-block-button .wp-block-button__link {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--teal);
}

.seche-cta-section--accent .wp-block-button .wp-block-button__link::after {
    background-color: var(--wp--preset--color--green-accent);
}

.seche-cta-section--accent .wp-block-button .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--bg);
}

/* Sur fond teal (CTA section teal), le bouton reste accent (défaut) */