/**
 * LLCU FAQ Plugin Styles
 *
 * @package LLCU\FAQ
 * @since 1.1.0
 */

/* Animate <details> */
/* Browser supports interpolate-size */
@supports (interpolate-size: allow-keywords) {
    :root {
        interpolate-size: allow-keywords;
    }

    ::details-content {
        transition: height 0.5s ease, content-visibility 0.5s ease allow-discrete;
        height: 0;
        overflow: hidden;
        display: flow-root; /* Ensures proper layout when height is animated and fixes clearfix issues */
    }

    [open]::details-content {
        height: auto;
    }
}