/*
Theme Name: UltimaTube Custom - NudeDe
Theme URI: https://www.nudede.com/
Description: Child theme de UltimaTube que conserva las personalizaciones de NudeDe.
Author: NudeDe
Template: ultimatube
Version: 1.0.0
Text Domain: ultimatube-custom
*/

.site-branding,
.site-content {
    background: #000000;
}

.archive-content {
    position: relative;
    padding: 20px 30px 50px;
    float: right;
    background: #000000;
    width: 100%;
}

.thumb-block .entry-header {
    font-weight: 700;
    height: 70px;
    overflow: hidden;
    color: #E4E6EB;
    display: block;
    padding: .5em 0 0;
    font-size: 14px;
}

.archive-aside a {
    color: #fff;
    display: block;
    padding: 5px 10px;
    outline: 0;
    border-radius: 5px;
}

body,
button,
input,
select,
textarea {
    font-size: 14px;
    line-height: 1.5;
    color: #FF8C0B;
    font-family: roboto, sans-serif;
    font-weight: 400;
}

.aside-filters span a {
    color: #FF8C0B;
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
    outline: 0;
}

.thumb-block .rating {
    color: #FF8C0B;
}

.filters a {
    font-weight: 700;
    font-size: 14px;
    color: #FF8C0B;
    padding: 0 0 5px;
    margin: 0 20px;
    position: relative;
    outline: 0;
}

#site-navigation ul {
    max-width: 1350px;
    margin: 0 auto;
    z-index: 5;
    padding: 0 30px;
    background: #000000;
}

.label {
    background: #ffb300;
    color: #000000;
    padding: 5px 10px;
    border-radius: 5px;
}

.site-footer {
    padding: 30px 10px;
    clear: both;
    width: 100%;
    background: #000;
}

/* Single móvil personalizado. */
@media (max-width: 767px) {
    body.single,
    body.single .site-content,
    body.single .content-area,
    body.single .site-main,
    body.single article,
    body.single .video-player-area,
    body.single .video-infos,
    body.single .title-views,
    body.single .video-actions,
    body.single .video-tags,
    body.single .video-description {
        background: #0b0b0c !important;
    }

    body.single .video-player {
        width: calc(100% - 16px) !important;
        margin: 8px auto 0 !important;
        border-radius: 9px !important;
        overflow: hidden !important;
    }

    body.single .responsive-player,
    body.single .responsive-player video,
    body.single .responsive-player iframe,
    body.single .responsive-player .video-js,
    body.single .responsive-player .fluid_video_wrapper {
        border-radius: 9px !important;
        overflow: hidden !important;
    }

    body.single .video-infos {
        width: 100% !important;
        box-sizing: border-box;
        padding: 15px 12px 8px !important;
        margin: 0 !important;
    }

    body.single .video-infos h1,
    body.single .title-views h1 {
        color: #ffffff !important;
        background: transparent !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body.single .video-infos .views,
    body.single .title-views .views {
        color: #a2a6ae !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    body.single .video-infos .views i,
    body.single .title-views .views i {
        color: #7d828a !important;
        margin-right: 6px !important;
    }

    body.single .video-tags {
        background: #0b0b0c !important;
        margin: 0 !important;
        padding: 6px 0 12px !important;
    }

    body.single .video-tags .tags-list {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single .video-tags a.label {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ef3340 !important;
        color: #ffffff !important;
        border: 0 !important;
        border-radius: 999px !important;
        margin: 0 !important;
        padding: 8px 14px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    body.single .video-tags a.label i {
        color: #ffffff !important;
        margin-right: 6px !important;
        font-size: 12px !important;
    }

    body.single .happy-under-player,
    body.single .happy-under-player .under-player-mobile,
    body.single .happy-related-videos-mobile {
        background: #0b0b0c !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single .video-mobile-stats {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        width: 100%;
        margin-top: 7px !important;
        margin-bottom: 4px !important;
    }

    body.single .video-mobile-stats .views {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #a2a6ae !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        white-space: nowrap;
    }

    body.single .video-mobile-stats .views i {
        color: #7d828a !important;
        margin-right: 6px !important;
    }

    body.single .video-mobile-stats #video-rate {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single .video-mobile-stats .post-like {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single .video-mobile-stats .post-like .like,
    body.single .video-mobile-stats .post-like > a:first-child {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #8d929a !important;
    }

    body.single .video-mobile-stats .post-like .like i,
    body.single .video-mobile-stats .post-like > a:first-child i {
        color: #8d929a !important;
        font-size: 15px !important;
    }

    body.single .video-mobile-stats .post-like .dislike,
    body.single .video-mobile-stats .post-like a[data-post_like="dislike"] {
        display: none !important;
    }

    body.single .video-mobile-stats .rating-bar,
    body.single .video-mobile-stats .rating-likes-bar .rating-bar {
        display: none !important;
    }

    body.single .video-mobile-stats .rating-likes-bar {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single .video-mobile-stats .rating-likes-bar .likes {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
    }

    body.single .video-mobile-stats .likes_count {
        display: inline !important;
        color: #d9dadd !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    body.single .video-mobile-stats .dislikes_count {
        display: none !important;
    }

    body.single .video-actions {
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
}

/* Mantener visible Telegram en móviles. */
@media (max-width: 767.98px) {
    body.single .happy-related-videos-mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 0 !important;
        background: #0b0b0c !important;
        border: 0 !important;
        font-size: initial !important;
    }
}