/**
 * Styles pour l'extension d'icône du bouton
 */

/* Support de l'icône dans le bouton - Front-end */
.wp-block-button.has-icon .wp-block-button__link {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
}

/* Icône ajoutée via CSS variables */
.wp-block-button.has-icon .wp-block-button__link::before {
    content: '';
    display: inline-block;
    width: var(--icon-size, 20px);
    height: var(--icon-size, 20px);
    background-image: var(--icon-url);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* Position de l'icône */
.wp-block-button.icon-left .wp-block-button__link::before {
    order: -1;
}

.wp-block-button.icon-right .wp-block-button__link::before {
    order: 1;
}

/* Preview dans l'éditeur */
.editor-styles-wrapper .has-icon-preview .wp-block-button__link::before,
.block-editor-block-list__block.has-icon-preview .wp-block-button__link::before {
    content: '';
    display: inline-block;
    background-image: var(--icon-url);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: var(--icon-size, 20px);
    height: var(--icon-size, 20px);
    flex-shrink: 0;
}

.editor-styles-wrapper .has-icon-preview.icon-left .wp-block-button__link::before,
.block-editor-block-list__block.has-icon-preview.icon-left .wp-block-button__link::before {
    order: -1;
    margin-right: 0.5rem;
}

.editor-styles-wrapper .has-icon-preview.icon-right .wp-block-button__link::before,
.block-editor-block-list__block.has-icon-preview.icon-right .wp-block-button__link::before {
    order: 1;
    margin-left: 0.5rem;
}

.editor-styles-wrapper .has-icon-preview .wp-block-button__link,
.block-editor-block-list__block.has-icon-preview .wp-block-button__link {
    display: inline-flex !important;
    align-items: center;
}

/* Responsive */
@media (max-width: 781px) {
    .wp-block-button.has-icon .wp-block-button__link {
        gap: 0.375rem;
    }
}