/*!
 * FontAwesome for MR Blocks Plugin
 * Ensures proper font loading for WordPress environment
 */

/* Import the main FontAwesome CSS */
@import url('./all.min.css');

/* Ensure proper font family declarations for WordPress */
.mr-icon .fa,
.mr-icon .fas,
.mr-icon .far,
.mr-icon .fal,
.mr-icon .fab,
.mr-icon-picker .fa,
.mr-icon-picker .fas,
.mr-icon-picker .far,
.mr-icon-picker .fal,
.mr-icon-picker .fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Pro" !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Regular weight for far icons */
.mr-icon .far,
.mr-icon-picker .far {
    font-weight: 400;
}

/* Brand weight for fab icons */
.mr-icon .fab,
.mr-icon-picker .fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
    font-weight: 400;
}

/* Ensure icons display properly in WordPress admin */
.wp-admin .mr-icon .fa,
.wp-admin .mr-icon .fas,
.wp-admin .mr-icon .far,
.wp-admin .mr-icon .fal,
.wp-admin .mr-icon .fab,
.wp-admin .mr-icon-picker .fa,
.wp-admin .mr-icon-picker .fas,
.wp-admin .mr-icon-picker .far,
.wp-admin .mr-icon-picker .fal,
.wp-admin .mr-icon-picker .fab {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Fix for WordPress editor conflicts - ensure FontAwesome works in block editor */
.block-editor-page .fa,
.block-editor-page .fas,
.block-editor-page .far,
.block-editor-page .fal,
.block-editor-page .fab,
.editor-styles-wrapper .fa,
.editor-styles-wrapper .fas,
.editor-styles-wrapper .far,
.editor-styles-wrapper .fal,
.editor-styles-wrapper .fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    display: inline-block !important;
}

/* Regular weight for far icons in editor */
.block-editor-page .far,
.editor-styles-wrapper .far {
    font-weight: 400 !important;
}

/* Brand weight for fab icons in editor */
.block-editor-page .fab,
.editor-styles-wrapper .fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
}

/* Ensure proper sizing */
.mr-icon .fa,
.mr-icon .fas,
.mr-icon .far,
.mr-icon .fal,
.mr-icon .fab {
    font-size: inherit;
    width: auto;
    height: auto;
}



/* Icon picker specific styles for editor */
.mr-icon-picker .fa,
.mr-icon-picker .fas,
.mr-icon-picker .far,
.mr-icon-picker .fal,
.mr-icon-picker .fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    display: inline-block !important;
}

.mr-icon-picker .far {
    font-weight: 400 !important;
}

.mr-icon-picker .fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
}