// WordPress FSE block compatibility with Bootstrap 5
// Ensures Bootstrap styles don't conflict with block editor styles

// Focus styles
:where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-style: solid;
}

// Prevent Bootstrap's reboot from conflicting with block editor
.wp-block-group,
.wp-block-columns,
.wp-block-column {
    box-sizing: border-box;
}

// Navigation block compatibility
.wp-block-navigation {
    .wp-block-navigation-item__content {
        outline-offset: 4px;
    }
}

// Text wrapping (progressive enhancement)
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
    text-wrap: pretty;
}

// More block
.more-link {
    display: block;
}

// Preformatted text
:where(pre) {
    overflow-x: auto;
}
