/* Social Fapping 1.3.21 — footer completo e Related de cinco posições. */

.media-overlay__entry-summary[hidden] {
    display: none !important;
}

.media-overlay__post-info .media-overlay__entry-summary[hidden],
html body .media-overlay .media-overlay__entry-summary[hidden] {
    display: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* O overlay permanece abaixo das ferramentas administrativas do WordPress. */
.media-overlay {
    z-index: 9990 !important;
}

body.admin-bar .media-overlay {
    inset: 32px 0 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - 32px) !important;
}

@media (max-width: 782px) {
    body.admin-bar .media-overlay {
        inset: 46px 0 0 !important;
        max-height: calc(100dvh - 46px) !important;
    }
}

@media (min-width: 769px) {
    .media-overlay__header {
        background: rgba(7, 25, 54, .38) !important;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    /* O footer permanece estruturalmente presente para hospedar os controles,
       mas não desenha uma faixa própria no desktop. */
    .media-overlay__footer {
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__video-controls,
    .media-overlay__social-buttons {
        background: rgba(7, 25, 54, .38) !important;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .media-overlay__related-buttons {
        background: rgba(7, 25, 54, .38) !important;
    }

    /* O modo expandido é sólido e soberano sobre o restante do overlay. */
    .media-overlay.is-related-popup-open .media-overlay__bottom-info {
        z-index: 90 !important;
    }

    .media-overlay__related-popup,
    .media-overlay__related-popup.is-open {
        z-index: 100 !important;
        background: #071936 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .media-overlay.is-related-popup-open .media-overlay__related-buttons {
        z-index: 101 !important;
    }

    /* Mais 15px em relação ao tamanho anterior de 43px. */
    .media-overlay {
        --scroll-arrow-size: 58px;
    }

    .media-overlay__scroll-arrow {
        width: 58px !important;
        height: 58px !important;
    }
}

/* =========================================================
 * DESKTOP — RELATED MOBILE DENTRO DO FOOTER 16:9
 * ========================================================= */
@media (min-width: 769px) {
    .media-overlay {
        --overlay-footer-related-size: 38px;
        --overlay-footer-related-gap: 4px;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer,
    .media-overlay__footer {
        display: flex !important;
        width: 100% !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        padding: 0 var(--overlay-desktop-reference-left) !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    .media-overlay__video-controls {
        position: relative !important;
        z-index: 22 !important;
        display: grid !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        margin: 0 !important;
    }

    .media-overlay__footer > .media-overlay__related-buttons {
        position: relative !important;
        z-index: 24 !important;
        inset: auto !important;
        display: flex !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: var(--overlay-footer-related-size) !important;
        min-height: var(--overlay-footer-related-size) !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        align-content: center !important;
        gap: var(--overlay-footer-related-gap) !important;
        padding: 0 22px 0 0 !important;
        overflow: visible !important;
        box-sizing: content-box !important;
        border-radius: 0 !important;
        background: transparent !important;
        white-space: nowrap !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    .media-overlay__footer > .media-overlay__related-buttons
    .social-fapping-post-taxonomy-thumb,
    .media-overlay__footer > .media-overlay__related-buttons
    .social-fapping-post-taxonomy-thumb__image,
    .media-overlay__footer > .media-overlay__related-buttons
    .social-fapping-term-thumbnail,
    .media-overlay__footer > .media-overlay__related-buttons
    > .media-overlay__related-more {
        display: grid !important;
        width: var(--overlay-footer-related-size) !important;
        min-width: var(--overlay-footer-related-size) !important;
        height: var(--overlay-footer-related-size) !important;
        min-height: var(--overlay-footer-related-size) !important;
        flex: 0 0 var(--overlay-footer-related-size) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        aspect-ratio: 1 / 1 !important;
    }

    .media-overlay__footer > .media-overlay__related-buttons
    .social-fapping-post-taxonomy-thumb__name {
        display: none !important;
    }

    .media-overlay__footer > .media-overlay__related-buttons
    .social-fapping-post-taxonomy-thumb-social_star
    .social-fapping-post-taxonomy-thumb__image,
    .media-overlay__footer > .media-overlay__related-buttons
    .social-fapping-post-taxonomy-thumb-social_star
    .social-fapping-term-thumbnail {
        border-radius: 50% !important;
    }

    .media-overlay__footer > .media-overlay__related-buttons
    .social-fapping-post-taxonomy-thumb-social_channel
    .social-fapping-post-taxonomy-thumb__image,
    .media-overlay__footer > .media-overlay__related-buttons
    .social-fapping-post-taxonomy-thumb-social_channel
    .social-fapping-term-thumbnail {
        border-radius: 6px !important;
    }

    .media-overlay__footer > .media-overlay__related-buttons
    > .media-overlay__related-more {
        place-items: center !important;
        border: 1px dashed #b9c0ca !important;
        border-radius: 6px !important;
        color: #fff !important;
        background: transparent !important;
    }

    .media-overlay__footer > .media-overlay__related-buttons
    .media-overlay__related-more .jork-icon,
    .media-overlay__footer > .media-overlay__related-buttons
    .media-overlay__related-more .jork-icon-see-more,
    .media-overlay__footer > .media-overlay__related-buttons
    .media-overlay__related-more .jork-icon-see-less {
        width: 22px !important;
        height: 22px !important;
    }

    .media-overlay__footer > .media-overlay__related-buttons
    .media-overlay__related-count {
        position: absolute !important;
        top: 50% !important;
        right: 0 !important;
        left: auto !important;
        display: block !important;
        width: 18px !important;
        color: #fff !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        transform: translateY(-50%) !important;
        pointer-events: none !important;
    }

    /* Popup mobile clonado: nasce no footer, cobre o grupo e cresce para cima. */
    .media-overlay__footer > .media-overlay__related-popup,
    .media-overlay__footer > .media-overlay__related-popup.is-open {
        position: absolute !important;
        z-index: 40 !important;
        top: auto !important;
        right: var(--overlay-desktop-reference-left) !important;
        bottom: 0 !important;
        left: auto !important;
        width: calc((var(--overlay-footer-related-size) * 5) + (var(--overlay-footer-related-gap) * 4) + 22px) !important;
        max-width: calc(100vw - (var(--overlay-desktop-reference-left) * 2)) !important;
        height: auto !important;
        max-height: calc(100dvh - 74px) !important;
        padding: 12px 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
        border-radius: 6px 6px 0 0 !important;
        background: #071936 !important;
        transform-origin: center bottom !important;
    }

    .media-overlay__footer > .media-overlay__related-popup:not(.is-open) {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scaleY(0) !important;
        pointer-events: none !important;
    }

    .media-overlay__footer > .media-overlay__related-popup.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        transform: scaleY(1) !important;
        pointer-events: auto !important;
    }

    .media-overlay__footer > .media-overlay__related-popup
    .media-overlay__related-popup-grid {
        display: grid !important;
        width: 100% !important;
        height: auto !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        align-items: start !important;
        gap: 14px 4px !important;
        overflow: visible !important;
    }

    .media-overlay__footer > .media-overlay__related-popup
    .media-overlay__related-popup-item {
        display: flex !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    .media-overlay__footer > .media-overlay__related-popup
    .media-overlay__related-popup-thumb,
    .media-overlay__footer > .media-overlay__related-popup
    .media-overlay__related-popup-thumb .social-fapping-term-thumbnail {
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        overflow: hidden !important;
    }

    .media-overlay__footer > .media-overlay__related-popup
    .media-overlay__related-popup-name {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        margin-top: 5px !important;
        overflow: visible !important;
        color: #fff !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
    }

    .media-overlay__footer > .media-overlay__related-popup
    .media-overlay__related-popup-grid > .media-overlay__related-more.is-popup-close {
        display: grid !important;
        grid-column: 1 / -1 !important;
        justify-self: end !important;
        align-self: start !important;
        width: var(--overlay-footer-related-size) !important;
        min-width: var(--overlay-footer-related-size) !important;
        height: var(--overlay-footer-related-size) !important;
        min-height: var(--overlay-footer-related-size) !important;
        margin: 0 22px 0 0 !important;
        place-items: center !important;
        border: 1px dashed #b9c0ca !important;
        border-radius: 6px !important;
        color: #fff !important;
        background: transparent !important;
    }
}

/* A miniatura de perfil não pertence mais ao cabeçalho do Post Inside. */
.media-overlay__profile-thumbnail,
.media-overlay .taxonomy-header-thumbnail {
    display: none !important;
}

.media-overlay__context-title {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    max-width: min(60vw, 520px);
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translate(-50%, -50%);
}

@media (min-width: 769px) {
    /* Restaura a faixa discreta da versão anterior. */
    .media-overlay__header {
        height: 58px !important;
        min-height: 58px !important;
        background: rgba(7, 25, 54, .38) !important;
        box-shadow: none !important;
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        pointer-events: auto;
    }

    .media-overlay__header-inner,
    .media-overlay__back,
    .media-overlay__context-title {
        pointer-events: auto;
    }

    .media-overlay .media-overlay__header-inner {
        position: relative !important;
        width: var(--overlay-desktop-reference-width) !important;
        max-width: calc(100vw - 20px) !important;
        height: 100% !important;
        margin-inline: auto !important;
    }

    .media-overlay .media-overlay__back {
        position: fixed !important;
        top: 10px !important;
        left: var(--overlay-desktop-reference-left) !important;
        margin: 0 !important;
        transform: none !important;
    }

    .media-overlay__context-title {
        top: 50%;
    }

    .media-overlay__brand {
        position: absolute;
        z-index: 3;
        top: 50%;
        right: 0;
        display: flex;
        width: auto;
        max-width: 150px;
        height: 42px;
        align-items: center;
        justify-content: flex-end;
        transform: translateY(-50%);
    }

    .media-overlay__brand img {
        display: block;
        width: auto;
        max-width: 150px;
        height: auto;
        max-height: 38px;
        object-fit: contain;
    }

    /* O H1 fica abaixo da faixa. O resumo passa a ocupar a "orelha" esquerda. */
    .media-overlay__post-info {
        z-index: 18 !important;
        top: 66px !important;
        right: auto !important;
        bottom: auto !important;
        left: calc(var(--overlay-desktop-reference-left) + 12px) !important;
        display: block !important;
        width: calc(var(--overlay-desktop-reference-width) - 24px) !important;
        height: auto !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
        pointer-events: none !important;
    }

    .media-overlay__post-info .media-overlay__text-info {
        display: flex !important;
        width: 100% !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .media-overlay__post-info .media-overlay__entry-title {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: fit-content !important;
        max-width: calc(var(--overlay-desktop-reference-width) - 24px) !important;
        margin: 0 !important;
        padding: 4px 8px !important;
        color: #fff !important;
        background: rgba(7, 25, 54, .58) !important;
        border-radius: 4px;
        text-align: left !important;
        pointer-events: auto !important;
    }

    .media-overlay__post-info .media-overlay__entry-summary {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        display: block !important;
        width: min(var(--overlay-desktop-reference-height), calc(var(--overlay-desktop-reference-width) - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: none !important;
        margin: 5px 0 0 !important;
        padding: 4px 8px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        color: #fff !important;
        background: rgba(7, 25, 54, .32) !important;
        border-radius: 4px !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
        text-align: left !important;
        white-space: normal !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    .media-overlay__entry-summary .media-overlay__summary-text,
    .media-overlay__entry-summary:not(.is-expanded) .media-overlay__summary-text {
        display: -webkit-box !important;
        padding-right: 66px !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    .media-overlay__entry-summary .media-overlay__summary-toggle {
        display: inline !important;
        position: absolute !important;
        right: 8px !important;
        bottom: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        color: #4b88db !important;
        background: transparent !important;
    }

    .media-overlay__entry-summary.is-expanded {
        overflow: visible !important;
    }

    .media-overlay__entry-summary.is-expanded .media-overlay__summary-text {
        display: inline !important;
        padding-right: 0 !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
    }

    .media-overlay__entry-summary.is-expanded .media-overlay__summary-toggle {
        position: static !important;
        margin-left: 5px !important;
    }

    /* Quatro linhas de termos, colunas ilimitadas e o controle sozinho abaixo. */
    .media-overlay__related-popup-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .media-overlay__related-popup-terms {
        display: grid !important;
        width: max-content !important;
        height: auto !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        grid-auto-flow: column !important;
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-columns: var(--overlay-desktop-right-limit) !important;
        align-items: center !important;
        justify-items: center !important;
        gap: 0 !important;
    }

    /* O quinto controle permanece no trilho; abrir só acrescenta colunas. */
    .media-overlay__related-popup-grid > .media-overlay__related-more.is-popup-close { display: none !important; }

    .media-overlay__related-buttons > .media-overlay__related-more,
    .media-overlay__related-buttons > .media-overlay__related-more.is-popup-close {
        display: grid !important;
        order: 5 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* O painel aberto substitui visualmente o trilho por uma grade única. */
    .media-overlay.is-related-popup-open
    .media-overlay__related-buttons .media-overlay__desktop-related-item {
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .media-overlay.is-related-popup-open .media-overlay__related-buttons {
        z-index: 99 !important;
        pointer-events: none !important;
    }

    .media-overlay__related-popup,
    .media-overlay__related-popup.is-open {
        top: 58px !important;
        right: 0 !important;
        bottom: 58px !important;
        left: auto !important;
        height: auto !important;
        padding: 8px 0 !important;
    }

    .media-overlay__related-popup-grid {
        height: 100% !important;
    }

    .media-overlay__related-popup-item {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        align-self: center !important;
        justify-self: center !important;
        gap: 4px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    /* Itens abertos reutilizam a mesma geometria dos term-thumbnail do trilho. */
    .media-overlay__related-popup-item.media-overlay__desktop-related-item {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        color: #fff !important;
        text-align: center !important;
        text-decoration: none !important;
    }

    .media-overlay__related-popup-thumb,
    .media-overlay__related-popup-thumb .social-fapping-term-thumbnail {
        width: var(--overlay-desktop-related-thumb) !important;
        min-width: var(--overlay-desktop-related-thumb) !important;
        height: var(--overlay-desktop-related-thumb) !important;
        min-height: var(--overlay-desktop-related-thumb) !important;
        flex: 0 0 var(--overlay-desktop-related-thumb) !important;
        margin: 0 !important;
    }

    .media-overlay__related-popup-name {
        display: -webkit-box !important;
        width: calc(100% - 10px) !important;
        min-height: 23px !important;
        margin-inline: auto !important;
        overflow: hidden !important;
        color: #fff !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        text-align: center !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    /* O controle ocupa sozinho a quinta linha, alinhado à última coluna. */
    .media-overlay__related-popup-grid > .media-overlay__related-more.is-popup-close {
        display: grid !important;
        align-self: flex-end !important;
        margin: 0 calc((var(--overlay-desktop-right-limit) - var(--overlay-desktop-related-thumb)) / 2) 0 0 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

@media (max-width: 768px) {
    .media-overlay__brand {
        display: none !important;
    }

    .media-overlay__header,
    .media-overlay__footer,
    .media-overlay.has-mobile-video-controls .media-overlay__video-controls,
    .media-overlay__social-buttons {
        background-color: rgba(7, 25, 54, .38) !important;
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
    }

    .media-overlay__related-popup,
    .media-overlay__related-popup.is-open {
        background: #071936 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Neutraliza as geometrias desktop caso o popup seja criado após resize. */
    .media-overlay__related-popup-grid {
        display: grid !important;
        width: 100% !important;
        height: auto !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        align-items: start !important;
        gap: 14px 10px !important;
        overflow: visible !important;
    }

    .media-overlay__related-popup-item {
        display: flex !important;
        min-width: 0 !important;
        height: auto !important;
        flex-direction: column !important;
        align-items: center !important;
        overflow: visible !important;
    }

    .media-overlay__related-popup-thumb,
    .media-overlay__related-popup-thumb .social-fapping-term-thumbnail {
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        overflow: hidden !important;
    }

    .media-overlay__related-popup-name {
        display: block !important;
        width: 100% !important;
        margin-top: 5px !important;
        overflow: visible !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
    }
}

.media-overlay__back .header-back-glyph,
.media-overlay__back .jork-icon-back-arrow,
.media-overlay__back-fallback {
    color: #fff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.media-overlay__back-fallback {
    display: block;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

/* A página singular é apenas a fonte de dados do overlay canônico. */
.single-post .social-fapping-overlay-source[hidden] {
    display: none !important;
}

.single-post .site-header,
.single-post .site-footer,
.single-post .footer-smart {
    visibility: hidden;
}

/* Autoridade final da v1.3.20 sobre as regras desktop legadas. */
@media (min-width: 769px) {
    .media-overlay.has-desktop-video-controls .media-overlay__footer {
        display: flex !important;
        padding-inline: var(--overlay-desktop-reference-left) !important;
        gap: 6px !important;
        overflow: visible !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__video-controls {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-buttons {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 38px !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        gap: 4px !important;
        padding: 0 22px 0 0 !important;
        background: transparent !important;
        transform: none !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-buttons .social-fapping-post-taxonomy-thumb,
    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-buttons .social-fapping-post-taxonomy-thumb__image,
    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-buttons .social-fapping-term-thumbnail,
    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-buttons > .media-overlay__related-more {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        flex: 0 0 38px !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup,
    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup.is-open {
        top: auto !important;
        right: var(--overlay-desktop-reference-left) !important;
        bottom: 0 !important;
        left: auto !important;
        width: 228px !important;
        height: auto !important;
        max-height: calc(100dvh - 74px) !important;
        padding: 12px 0 !important;
        transform-origin: center bottom !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup .media-overlay__related-popup-grid {
        display: grid !important;
        width: 100% !important;
        height: auto !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        gap: 14px 4px !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup .media-overlay__related-popup-thumb,
    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup .media-overlay__related-popup-thumb .social-fapping-term-thumbnail {
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
    }
}

/* Autoridade final da v1.3.21. */
@media (min-width: 769px) {
    .media-overlay.has-desktop-video-controls .media-overlay__footer {
        display: flex !important;
        grid-template-columns: none !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__video-controls {
        order: 1 !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__social-buttons {
        position: relative !important;
        z-index: 42 !important;
        inset: auto !important;
        order: 2 !important;
        display: grid !important;
        width: max-content !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 40px !important;
        flex: 0 0 auto !important;
        grid-template-columns: repeat(4, minmax(48px, auto)) !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 5px !important;
        background: rgba(7, 25, 54, .38) !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-buttons {
        position: relative !important;
        z-index: 42 !important;
        order: 3 !important;
        display: grid !important;
        width: 228px !important;
        min-width: 228px !important;
        max-width: 228px !important;
        height: 38px !important;
        grid-template-columns: repeat(5, 38px) !important;
        grid-template-rows: 38px !important;
        grid-auto-flow: column !important;
        align-items: center !important;
        justify-content: start !important;
        gap: 4px !important;
        padding: 0 22px 0 0 !important;
        box-sizing: border-box !important;
        background: rgba(7, 25, 54, .38) !important;
        pointer-events: auto !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-buttons > .media-overlay__related-more,
    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-buttons > .media-overlay__related-more.is-popup-close {
        grid-column: 5 !important;
        grid-row: 1 !important;
        order: initial !important;
        display: grid !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-buttons > .media-overlay__related-count {
        display: block !important;
    }

    .media-overlay.has-desktop-video-controls.is-related-popup-open
    .media-overlay__footer > .media-overlay__related-buttons
    .media-overlay__desktop-related-item {
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .media-overlay.has-desktop-video-controls.is-related-popup-open
    .media-overlay__footer > .media-overlay__related-buttons
    > .media-overlay__related-count {
        display: none !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup,
    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup.is-open {
        z-index: 40 !important;
        right: var(--overlay-desktop-reference-left) !important;
        bottom: 0 !important;
        width: 228px !important;
        max-width: 228px !important;
        padding: 12px 4px 66px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
        background: #071936 !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup .media-overlay__related-popup-grid {
        display: grid !important;
        width: 100% !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        align-items: start !important;
        justify-items: center !important;
        gap: 14px 4px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup .media-overlay__related-popup-item {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup .media-overlay__related-popup-thumb,
    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup .media-overlay__related-popup-thumb .social-fapping-term-thumbnail {
        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
    }

    .media-overlay.has-desktop-video-controls .media-overlay__footer
    > .media-overlay__related-popup .media-overlay__related-popup-name {
        width: 100% !important;
        margin-top: 4px !important;
        overflow: visible !important;
        font-size: 9px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
}