/*
Theme Name:   Zox News Child
Theme URI:    https://themeforest.net/user/mvpthemes/
Description:  Zox News Child Theme
Author:       MVP Themes
Author URI:   https://themeforest.net/user/mvpthemes/portfolio
Template:     zox-news
Version:      1.1.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
Text Domain:  zox-news-child
*/

/* =========================
   TOP BAR
========================= */

.flocco-topbar{
    background:#111 !important;
    color:#fff !important;
    width:100%;
    position:relative;
    z-index:9999;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.flocco-topbar-container{
    max-width:1200px;
    margin:0 auto;
    padding:8px 18px;
}

.topbar-widget,
.topbar-demo{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:22px;
    flex-wrap:wrap;
    width:100%;
    font-size:13px;
    line-height:1.2;
}

.topbar-demo span,
.topbar-widget,
.topbar-widget p,
.topbar-widget span,
.topbar-widget div{
    color:#fff !important;
    margin:0;
}

.flocco-topbar a,
.flocco-topbar a:visited,
.flocco-topbar a:hover{
    color:#fff !important;
    text-decoration:none;
}

/* =========================
   HEADER EXTRA
========================= */

.flocco-header-extra{
    width:100%;
    background:#fff !important;
    clear:both;
    border-bottom:1px solid #eee;
}

.flocco-header-extra-container{
    max-width:1200px;
    margin:0 auto;
    padding:20px 14px;
    text-align:center;
    background:#fff !important;
}

.header-extra-widget,
.flocco-header-extra .widget{
    display:block;
    width:100%;
    text-align:center;
    background:transparent !important;
    margin:0;
    padding:0;
}

.flocco-header-extra .header-extra-widget,
.flocco-header-extra .widget,
.flocco-header-extra .wp-block-group,
.flocco-header-extra .wp-block-image,
.flocco-header-extra figure,
.flocco-header-extra p,
.flocco-header-extra div{
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
}

.flocco-header-extra img,
.flocco-header-extra .widget img,
.flocco-header-extra .wp-block-image img,
.flocco-header-extra .widget_media_image img{
    display:block;
    margin:0 auto;
    max-width:100%;
    height:auto;
    background:transparent !important;
}

.flocco-header-extra iframe{
    max-width:100%;
    margin:0 auto;
    display:block;
}

.flocco-header-extra a{
    display:inline-block;
    max-width:100%;
}

/* =========================
   HEADER / LOGO / STICKY DESKTOP
========================= */

/* Header normal desktop */
#mvp-main-nav-top,
.mvp-nav-top-wrap,
.mvp-nav-top-cont,
.mvp-nav-top-left-out,
.mvp-nav-top-left-in,
.mvp-nav-top-mid{
    min-height:88px !important;
}

.mvp-nav-top-mid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

/* Header normal: logo visible */
.mvp-nav-logo-reg{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    line-height:1 !important;
}

.mvp-nav-logo-reg img{
    display:block !important;
    height:72px !important;
    max-height:72px !important;
    width:auto !important;
    margin:0 auto !important;
}

/* Logo pequeño oculto fuera del sticky */
.mvp-nav-logo-small{
    display:none !important;
}

/* Sticky general */
.mvp-nav-small #mvp-main-nav-top,
.mvp-fixd #mvp-main-nav-top,
.mvp-nav-small .mvp-nav-top-wrap,
.mvp-fixd .mvp-nav-top-wrap,
.mvp-nav-small .mvp-nav-top-cont,
.mvp-fixd .mvp-nav-top-cont,
.mvp-nav-small .mvp-nav-top-left-out,
.mvp-fixd .mvp-nav-top-left-out,
.mvp-nav-small .mvp-nav-top-left-in,
.mvp-fixd .mvp-nav-top-left-in,
.mvp-nav-small .mvp-nav-top-mid,
.mvp-fixd .mvp-nav-top-mid{
    min-height:70px !important;
    height:70px !important;
}

/* Sticky fuera de single: usar logo pequeño */
.mvp-nav-small .mvp-nav-logo-reg,
.mvp-fixd .mvp-nav-logo-reg{
    display:none !important;
}

.mvp-nav-small .mvp-nav-logo-small,
.mvp-fixd .mvp-nav-logo-small{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    line-height:1 !important;
}

.mvp-nav-small .mvp-nav-logo-small img,
.mvp-fixd .mvp-nav-logo-small img{
    display:block !important;
    height:42px !important;
    max-height:42px !important;
    width:auto !important;
    margin:0 auto !important;
}

/* =========================
   STICKY EN SINGLE: SOLO TITULO, SIN LOGO
========================= */

#mvp-main-nav-top .mvp-nav-top-mid.mvp-fixed-post{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-width:0 !important;
    overflow:hidden !important;
}

/* ocultar logos en sticky de nota */
#mvp-main-nav-top .mvp-nav-top-mid.mvp-fixed-post .mvp-nav-logo-reg,
#mvp-main-nav-top .mvp-nav-top-mid.mvp-fixed-post .mvp-nav-logo-small{
    display:none !important;
}

/* mostrar solo el titulo */
#mvp-main-nav-top .mvp-nav-top-mid.mvp-fixed-post .mvp-drop-nav-title{
    display:block !important;
    flex:0 1 340px !important;
    max-width:340px !important;
    min-width:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    margin:0 !important;
}

#mvp-main-nav-top .mvp-nav-top-mid.mvp-fixed-post .mvp-drop-nav-title h4{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:24px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* mantener hamburguesa y lupa visibles */
#mvp-main-nav-top .mvp-nav-top-left,
#mvp-main-nav-top .mvp-nav-top-right{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    visibility:visible !important;
    opacity:1 !important;
}

#mvp-main-nav-top .mvp-fly-but-wrap,
#mvp-main-nav-top .mvp-nav-search-but{
    visibility:visible !important;
    opacity:1 !important;
}

/* =========================
   VIDEO DESTACADO EN SINGLE
========================= */

.flocco-featured-video-wrap{
    width:100%;
    margin:0 0 25px 0;
}

.flocco-featured-video-inner{
    position:relative;
    width:100%;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    background:#000;
    border-radius:6px;
}

.flocco-featured-video-inner iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
    display:block;
}

/* Ocultar solo la destacada principal real de Zox */
.single.flocco-has-youtube-video #mvp-post-feat-img,
.single.flocco-has-youtube-video .mvp-post-feat-img-wide2{
    display:none !important;
}

/* =========================
   MOBILE
========================= */

@media screen and (max-width:768px){

    /* Top bar */
    .flocco-topbar-container{
        padding:7px 12px;
    }

    .topbar-widget,
    .topbar-demo{
        gap:10px;
        font-size:12px;
    }

    .flocco-header-extra-container{
        padding:12px 10px;
    }

    /* Header normal mobile */
    #mvp-main-nav-top,
    .mvp-nav-top-wrap,
    .mvp-nav-top-cont,
    .mvp-nav-top-left-out,
    .mvp-nav-top-left-in,
    .mvp-nav-top-mid{
        min-height:78px !important;
        height:78px !important;
    }

    .mvp-nav-top-mid{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        width:100% !important;
    }

    /* Mobile normal: mostrar logo */
    body .mvp-nav-logo-reg{
        display:none !important;
    }

    body .mvp-nav-logo-small{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 auto !important;
        line-height:1 !important;
    }

    body .mvp-nav-logo-small img{
        display:block !important;
        height:68px !important;
        max-height:68px !important;
        width:auto !important;
        margin:0 auto !important;
    }

    /* Sticky general mobile */
    body .mvp-nav-small #mvp-main-nav-top,
    body .mvp-fixd #mvp-main-nav-top,
    body .mvp-nav-small .mvp-nav-top-wrap,
    body .mvp-fixd .mvp-nav-top-wrap,
    body .mvp-nav-small .mvp-nav-top-cont,
    body .mvp-fixd .mvp-nav-top-cont,
    body .mvp-nav-small .mvp-nav-top-left-out,
    body .mvp-fixd .mvp-nav-top-left-out,
    body .mvp-nav-small .mvp-nav-top-left-in,
    body .mvp-fixd .mvp-nav-top-left-in,
    body .mvp-nav-small .mvp-nav-top-mid,
    body .mvp-fixd .mvp-nav-top-mid{
        min-height:64px !important;
        height:64px !important;
    }

    body .mvp-nav-small .mvp-nav-logo-reg,
    body .mvp-fixd .mvp-nav-logo-reg{
        display:none !important;
    }

    body .mvp-nav-small .mvp-nav-logo-small,
    body .mvp-fixd .mvp-nav-logo-small{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 auto !important;
        line-height:1 !important;
    }

    body .mvp-nav-small .mvp-nav-logo-small img,
    body .mvp-fixd .mvp-nav-logo-small img{
        display:block !important;
        height:44px !important;
        max-height:44px !important;
        width:auto !important;
        margin:0 auto !important;
    }

    /* Hamburguesa y lupa */
    .mvp-nav-top-left,
    .mvp-nav-top-right{
        height:78px !important;
        display:flex !important;
        align-items:center !important;
    }

    body .mvp-nav-small .mvp-nav-top-left,
    body .mvp-fixd .mvp-nav-top-left,
    body .mvp-nav-small .mvp-nav-top-right,
    body .mvp-fixd .mvp-nav-top-right{
        height:64px !important;
    }

    .mvp-nav-top-left{
        padding-left:12px !important;
    }

    .mvp-nav-top-right{
        padding-right:12px !important;
    }

    .mvp-fly-but-wrap,
    .mvp-nav-search-but{
        position:relative !important;
        top:auto !important;
        transform:none !important;
    }

    /* Sticky mobile sobre single */
    body.single #mvp-main-body-wrap{
        padding-top:88px !important;
    }

    body.single #mvp-main-nav-top,
    body.single .mvp-nav-top-wrap,
    body.single .mvp-nav-top-cont,
    body.single .mvp-nav-top-left-out,
    body.single .mvp-nav-top-left-in,
    body.single .mvp-nav-top-mid{
        min-height:74px !important;
        height:74px !important;
    }

    /* En notas sticky mobile: ocultar logo y mostrar solo titulo */
    body.single #mvp-main-nav-top .mvp-nav-top-mid.mvp-fixed-post{
        gap:8px !important;
    }

    body.single #mvp-main-nav-top .mvp-nav-top-mid.mvp-fixed-post .mvp-nav-logo-reg,
    body.single #mvp-main-nav-top .mvp-nav-top-mid.mvp-fixed-post .mvp-nav-logo-small{
        display:none !important;
    }

    body.single #mvp-main-nav-top .mvp-nav-top-mid.mvp-fixed-post .mvp-drop-nav-title{
        display:block !important;
        flex:0 1 150px !important;
        max-width:150px !important;
        min-width:0 !important;
        overflow:hidden !important;
        white-space:nowrap !important;
        margin:0 !important;
    }

    body.single #mvp-main-nav-top .mvp-nav-top-mid.mvp-fixed-post .mvp-drop-nav-title h4{
        font-size:18px !important;
        line-height:1 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        margin:0 !important;
    }

    body.single .mvp-nav-small .mvp-nav-top-left,
    body.single .mvp-fixd .mvp-nav-top-left,
    body.single .mvp-nav-small .mvp-nav-top-right,
    body.single .mvp-fixd .mvp-nav-top-right{
        height:74px !important;
    }
}