/**
 * Flexible Container — style.css
 * Version: 1.0.0
 *
 * Frontend structural styles only.
 * All background values are handled via scoped <style> tags in render.php.
 * Content styling (padding, typography, color) is left to the theme or block supports.
 */

.pw-flexible-container {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

/* Each background layer — absolutely fills the container */
.pw-flexible-container .pw-fc__layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-repeat: no-repeat;
}

/* Transform origin at center for rotation */
.pw-flexible-container .pw-fc__layer {
    transform-origin: center center;
}

/* Content wrapper — always above layers */
.pw-flexible-container .pw-fc__content {
    position: relative;
    z-index: 1;
}