/**
 * Block Wrapper Styles
 */

.wp-block-surge-blocks-block-wrapper.surge-block-wrapper-container {
    /* 3/2 Aspect Ratio */
    aspect-ratio: 3/2;
    
    /* 20px Border Radius */
    border-radius: 20px;
    width: 100%;
    max-width: 1000px;
    /* Overflow Hidden */
    overflow: hidden;
    
    /* Ensure it behaves like a container */
    position: relative;
    box-sizing: border-box;
    
    /* Optional: Background to make the shape visible if empty */
    background-color: #000000;
    border: 1px solid #1b1b1b;
}

/* Ensure inner content fills the wrapper if needed (like images) */
.wp-block-surge-blocks-block-wrapper.surge-block-wrapper-container > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Fix for editor: ensure the InnerBlocks wrapper fills the height */
.editor-styles-wrapper .wp-block-surge-blocks-block-wrapper.surge-block-wrapper-container > .block-editor-inner-blocks {
    height: 100%;
}

.editor-styles-wrapper .wp-block-surge-blocks-block-wrapper.surge-block-wrapper-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
    height: 100%;
}