/* Transitional compatibility layer: keep this narrow and delete rules as GenPornX owns more templates. */

body {
    background-color: var(--gpx-bg) !important;
}

#page,
#content.site-content {
    background: transparent !important;
}

.single-post #content.site-content.row {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-post .genpornx-watch .widget-title,
.single-post .genpornx-watch .entry-header {
    border: 0;
    background: transparent;
    box-shadow: none;
    text-shadow: none;
}

.single-post .genpornx-watch .button,
.single-post .genpornx-watch button {
    text-shadow: none;
}

.single-post .genpornx-watch .under-video-block,
.single-post .genpornx-watch .under-video-block > div {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    float: none;
    background: transparent;
}

.single-post .genpornx-watch .show-more-related {
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
}

.single-post .genpornx-watch .clear {
    clear: both;
}

/* Parent pseudo-elements are removed; Design v1 owns the visible rating presentation. */
.single-post .genpornx-watch #rating-col:before,
.single-post .genpornx-watch #rating-col:after {
    display: none !important;
}

@media (max-width: 960px) {
    .single-post #content.site-content.row {
        overflow: visible;
    }
}