/**
 * Blueprint Configurator — Shortcode Styles
 *
 * @package Codexyl\VariableFlag
 * @since   4.7.0
 */

/* ── Container ── */
.cxvf-blueprint-shortcode {
    width: 100%;
}

/* ── Placeholder message (shown when configuration is incomplete) ── */
.cxvf-blueprint-placeholder {
    text-align: center;
    color: #888;
    font-size: 0.95em;
}

/* ── Blueprint layer stack ── */
.cxvf-blueprint-stack {
    position: relative;
    width: 100%;
    /* Lock aspect ratio to match SVG viewBox (2012.6 × 2012.6) */
    padding-bottom: 100%;
    overflow: hidden;
}

.cxvf-blueprint-stack .cxvf-bp-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.cxvf-blueprint-stack .cxvf-bp-layer img,
.cxvf-blueprint-stack .cxvf-bp-layer svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Flag layer sits behind structure layers */
.cxvf-blueprint-stack .cxvf-bp-layer-flag {
    z-index: 0;
}