/*
 * KizunaGo - Blog article image fit repair
 * Keeps images inserted in rich text and article covers fully visible on mobile/desktop.
 */

.kg-blog-post,
.kg-blog-post-content {
    min-width: 0;
}

.kg-blog-post-cover {
    overflow: visible !important;
    max-width: 100%;
}

.kg-blog-post-cover img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: inherit;
}

.kg-blog-post-content img,
.kg-blog-post-content figure img,
.kg-blog-post-content p img,
.kg-blog-post-content .image img,
.kg-blog-post-content .mce-content-body img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.kg-blog-post-content figure,
.kg-blog-post-content .image,
.kg-blog-post-content .mceNonEditable,
.kg-blog-post-content p:has(> img) {
    max-width: 100% !important;
    overflow: visible !important;
    text-align: center;
}

.kg-blog-post-content iframe,
.kg-blog-post-content video,
.kg-blog-post-content audio,
.kg-blog-post-content embed,
.kg-blog-post-content object {
    max-width: 100% !important;
}

.kg-blog-post-content iframe,
.kg-blog-post-content video,
.kg-blog-post-content embed,
.kg-blog-post-content object {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .kg-blog-post-content {
        overflow-wrap: anywhere;
    }

    .kg-blog-post-content img,
    .kg-blog-post-cover img {
        width: 100% !important;
    }
}