/*
Theme Name: Softcore Discounts Graceful Child
Theme URI: https://softcorediscounts.com/
Description: Child theme for Soft Core Discounts based on Graceful, preserving Graceful Pixel Blog styling while showing full homepage posts and a clean centered footer copyright.
Author: Soft Core Discounts
Template: graceful
Version: 1.0.0
Text Domain: softcorediscounts-graceful-child
*/

@import url("../graceful/style.css");
@import url("../graceful-pixel-blog/style.css");

.home article.content-post .site-images img,
.blog article.content-post .site-images img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.home article.content-post .post-page-content,
.blog article.content-post .post-page-content {
    overflow-wrap: anywhere;
}

.home article.content-post .post-page-content img,
.blog article.content-post .post-page-content img,
.home article.content-post .post-page-content iframe,
.blog article.content-post .post-page-content iframe,
.home article.content-post .post-page-content embed,
.blog article.content-post .post-page-content embed {
    max-width: 100%;
}

.home article.content-post .post-page-content table,
.blog article.content-post .post-page-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.softcorediscounts-child-copyright {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
    line-height: 1.8;
}

/* Homepage classic top-image layout */
.home article.softcore-top-image-post,
.blog article.softcore-top-image-post {
    display: block;
}

.home article.softcore-top-image-post .post-image-col,
.blog article.softcore-top-image-post .post-image-col {
    width: 100%;
    max-width: 100%;
    flex: none;
    margin: 0 0 22px;
}

.home article.softcore-top-image-post .post-image-col .site-images,
.blog article.softcore-top-image-post .post-image-col .site-images {
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
    background: transparent;
}

.home article.softcore-top-image-post .site-images a,
.blog article.softcore-top-image-post .site-images a {
    display: block;
    height: auto;
    overflow: visible;
}

.home article.softcore-top-image-post .site-images img,
.blog article.softcore-top-image-post .site-images img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}

.home article.softcore-top-image-post .post-content-col,
.blog article.softcore-top-image-post .post-content-col {
    width: 100%;
    padding: 0;
}