/* Mobile-first improvements for WordPress blog pages embedded in Zen Cart */

/* Ensure images and embeds are fluid */
.wp-block-image img,
.entry-content img,
.post img,
.wp-post-image,
iframe,
embed,
video {
    max-width: 100%;
    height: auto;
}

/* Avoid overflow for wide tables/blocks */
.wp-block-table,
.entry-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Typography tuning for small screens */
@media (max-width: 767.98px) {

    .entry-content,
    .hentry,
    .post,
    .type-post,
    .wp-block,
    .ts-blog {
        font-size: 1.0625rem;
        /* ~17px on default 16px base */
        line-height: 1.6;
    }

    .entry-content p,
    .wp-block-paragraph {
        font-size: 1.0625rem;
        line-height: 1.7;
    }

    .entry-title,
    .post-title,
    .entry-content h1,
    .wp-block-heading h1 {
        font-size: 1.6rem;
    }

    .entry-content h2,
    .wp-block-heading h2 {
        font-size: 1.4rem;
    }

    .entry-content h3,
    .wp-block-heading h3 {
        font-size: 1.25rem;
    }
}

/* Word-breaking to prevent layout blowouts from long URLs/strings */
.entry-content {
    word-break: break-word;
}