/* Static image style and display compatibility for previously saved galleries. */
.wp-block-gallery:is(.is-style-siteframe-visual, .is-style-siteframe-slideshow) {
    position: relative; display: grid; grid-template-columns: minmax(0, 1fr);
    gap: 0; overflow: hidden; border-radius: var(--siteframe-visual-radius, 20px);
    aspect-ratio: var(--siteframe-visual-ratio, 2.25);
}
.wp-block-gallery:is(.is-style-siteframe-visual, .is-style-siteframe-slideshow) > .wp-block-image {
    grid-area: 1 / 1; width: 100% !important; height: 100%; margin: 0;
}
.wp-block-gallery:is(.is-style-siteframe-visual, .is-style-siteframe-slideshow) > .wp-block-image img {
    display: block; width: 100%; height: 100%; object-fit: cover;
}
.wp-block-gallery:is(.is-style-siteframe-visual, .is-style-siteframe-slideshow) > .wp-block-image:not(:first-child) { visibility: hidden; }
/* Show all images while editing so previously saved images remain accessible. */
.editor-styles-wrapper .wp-block-gallery:is(.is-style-siteframe-visual, .is-style-siteframe-slideshow) { display: flex; aspect-ratio: auto; gap: 12px; }
.editor-styles-wrapper .wp-block-gallery:is(.is-style-siteframe-visual, .is-style-siteframe-slideshow) > .wp-block-image { visibility: visible; width: calc(50% - 12px) !important; height: auto; }
@media (max-width: 600px) {
    .wp-block-gallery:is(.is-style-siteframe-visual, .is-style-siteframe-slideshow) { aspect-ratio: var(--siteframe-visual-ratio-mobile, 1); border-radius: 14px; }
}

.wp-block-image.is-style-siteframe-visual {
    width: 100%; margin-block: 0; overflow: hidden;
    aspect-ratio: var(--siteframe-visual-ratio, 2.25);
    border-radius: var(--siteframe-visual-radius, var(--wp--custom--siteframe--radius--panel, 20px));
}
.wp-block-image.is-style-siteframe-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 600px) {
    .wp-block-image.is-style-siteframe-visual { aspect-ratio: var(--siteframe-visual-ratio-mobile, 1); border-radius: 14px; }
}