/*
 Theme Name:   Newsup Pro Child
 Template:     newsup-pro
 Version:      1.0.7
*/

/* Custom styles below this line */

/* --- 3-column single post layout --- */

/* Reduce gutter between columns */
.single-class > .container-fluid > .row {
    margin-left: -5px;
    margin-right: -5px;
}
@media (min-width: 768px) {
    .single-class > .container-fluid > .row {
        flex-wrap: nowrap !important;
    }
}
.single-class > .container-fluid > .row > [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

/* Reduce inner padding on content column */
.single-class .content-right {
    padding-left: 0;
    padding-right: 0;
}

/* Cut inner content padding in half */
.single-class .mg-blog-post-box .mg-header {
    padding-left: 35px !important;
    padding-right: 35px !important;
}
.single-class .mg-blog-post-box .small.single {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Scale ads and media to fit columns */
.single-class .sidebar-left img,
.single-class .sidebar-left iframe,
.single-class .sidebar-left div,
.single-class .content-right img,
.single-class .content-right iframe,
.single-class .content-right div,
.single-class .sidebar-right img,
.single-class .sidebar-right iframe,
.single-class .sidebar-right div {
    max-width: 100%;
}

/* Prevent column overflow in 3-column single layout */
.single-class .sidebar-left,
.single-class .content-right,
.single-class .sidebar-right {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}
.single-class #secondary-left .mg-sidebar {
    padding: 0 10px;
}

/* Left sidebar recent comments — match theme fonts */
.single-class .sidebar-left .recent-comments-block {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
}
.single-class .sidebar-left .recent-comments-block .wp-block-latest-comments {
    padding-left: 0;
}
.single-class .sidebar-left .recent-comments-block .wp-block-latest-comments__comment {
    line-height: 1.4;
}

/* On mobile, stack columns vertically */
@media (max-width: 767.98px) {
    .single-class .content-right {
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .single-class .sidebar-right {
        order: 2;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .single-class .sidebar-left {
        display: block !important;
        order: 3;
        margin-top: 20px;
        flex: 0 0 100%;
        max-width: 100%;
    }
}