/**
 * Block Icons Admin Styles
 * Styles for custom SVG icons in the block management admin page
 */

/* Custom block icon styling */
.custom-block-icon {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    vertical-align: middle !important;
}

.custom-block-icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

/* Override dashicon styles for our custom icons */
.block-editor-block-types-list__item .custom-block-icon,
.block-editor-inserter__item .custom-block-icon,
.wp-block .custom-block-icon {
    font-family: inherit !important;
    font-size: 24px !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* Ensure proper alignment in block lists */
.block-editor-block-types-list__item-icon .custom-block-icon,
.block-editor-inserter__item-icon .custom-block-icon {
    margin: 0 auto !important;
}

/* Style for block management page specifically */
.wp-admin .block-editor-block-types-list__item .custom-block-icon,
.wp-admin .block-editor-inserter__item .custom-block-icon {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Ensure icons are visible and properly sized */
.block-editor-block-icon .custom-block-icon,
.wp-block-icon .custom-block-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
}