/* Social Fapping 1.3.26 — coluna/header de 760px e nova altura-base dos ratios. */

@media (min-width: 769px) {
    /* Uma única moldura de 760px para timeline, Discover e páginas dedicadas. */
    body:not(.single-post) .site-main,
    body:not(.single-post) .site-header.top-bar,
    body.tax-social_star .taxonomy-profile-row,
    body.tax-social_channel .taxonomy-profile-row {
        width: var(--sf-desktop-column-width) !important;
        max-width: none !important;
        margin-inline: auto !important;
        box-sizing: border-box !important;
        border-right: 1px solid #4b88db !important;
        border-left: 1px solid #4b88db !important;
    }

    /* Remove somente as bordas internas duplicadas; conteúdo não se move. */
    body:not(.single-post) .site-main > .content-list,
    body:not(.single-post) .site-main > .discover-header,
    body:not(.single-post) .site-main > #social-fapping-discover-results {
        border-right: 0 !important;
        border-left: 0 !important;
    }

    /* O header usa o mesmo eixo da coluna sem alterar seus controles. */
    body:not(.single-post) .site-header.top-bar .site-header__inner,
    body:not(.single-post) .site-header.top-bar .top-bar__inner {
        width: 100% !important;
        max-width: none !important;
    }
}

/*
 * Quadrados e verticais: altura = altura do 16:9 na mesma largura + 20%.
 * 16:9 possui altura de 9/16; 9/16 × 1,20 = 27/40.
 * Logo, a moldura estrutural equivalente é 40:27.
 */
#social-fapping-feed .content-entry.post-ratio-square .feed-media-stage,
#social-fapping-feed .content-entry.post-ratio-vertical .feed-media-stage,
.single-post .singular-content .content-entry.post-ratio-square .feed-media-stage,
.single-post .singular-content .content-entry.post-ratio-vertical .feed-media-stage {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 40 / 27 !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
}

#social-fapping-feed .content-entry.post-ratio-square .feed-media-stage > .post-ratio-media,
#social-fapping-feed .content-entry.post-ratio-vertical .feed-media-stage > .post-ratio-media,
.single-post .singular-content .content-entry.post-ratio-square .feed-media-stage > .post-ratio-media,
.single-post .singular-content .content-entry.post-ratio-vertical .feed-media-stage > .post-ratio-media {
    width: auto !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    flex: 0 0 auto !important;
}