/* WordPress 5.8+ 图片排版修复 */
/* 修复块编辑器图片样式冲突 */
.wp-block-image img,
figure.wp-block-image img,
.aligncenter img, 
.alignleft img, 
.alignright img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* 修复WordPress 5.8+画廊区块排版 */
.wp-block-gallery.has-nested-images {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 15px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex: 1 1 calc(33.333% - 8px) !important;
    min-width: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

.wp-block-gallery figure {
    display: inline-block !important;
    float: none !important;
}

/* 修复响应式图片 */
img[srcset],
img[sizes] {
    width: auto !important;
    height: auto !important;
}

/* 移动端图片排版修复 */
@media (max-width: 768px) {
    .wp-block-gallery.has-nested-images figure.wp-block-image {
        flex: 1 1 calc(50% - 8px) !important;
    }
    
    .jinsom-post-images-list a {
        margin-right: 0.5%;
        margin-bottom: 0.5%;
    }
    
    /* 单张图片特殊处理 */
    .jinsom-post-images-list .jinsom-postimg-number-1 a {
        width: 100% !important;
        height: auto !important;
        max-height: 80vw;
    }
    
    .jinsom-post-images-list .jinsom-postimg-number-1 img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

/* 针对新版嵌套图库（WordPress 5.8+）额外修复 */
.wp-block-gallery.has-nested-images {
    gap: 3px !important;
    align-items: normal !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex: 1 1 calc(45% - 16px) !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.wp-block-gallery.has-nested-images img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}