/* === Retro Blaze - Theme Custom CSS === */
body {
    overflow-x: hidden;
}

#back-to-top {
    display: none;
}

/* Thumbnail aspect ratio */
.post-thumbnail {
    aspect-ratio: var(--fv-thumb-aspect-ratio, 16/9);
		height: auto !important;
}
.post-thumbnail .wpst-trailer,
.post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Accent color: Orange (#FF7F00) */
.video-debounce-bar {
    background: #FF7F00 !important;
}

/* Buttons & Labels gradient */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.label,
.label:visited,
.pagination ul li a,
.widget_categories ul li a,
.comment-reply-link,
a.tag-cloud-link,
.template-actors li a {
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 70%);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

/* Input fields inset shadow */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea,
.wp-editor-container {
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), 0 0 5px black inset;
}

/* Navigation bar gradient */
#site-navigation {
    background: linear-gradient(to bottom, #222222 0%, #333333 50%, #222222 51%, #151515 100%);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.12);
}

/* Nav hover & active */
#site-navigation > ul > li:hover > a,
#site-navigation ul li.current-menu-item a {
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 70%);
    box-shadow: inset 0px 0px 2px 0px #000000;
}

/* Rating bar & misc gradients */
.rating-bar,
.categories-list .thumb-block .entry-header,
.actors-list .thumb-block .entry-header,
#filters .filters-select,
#filters .filters-options {
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 70%);
    box-shadow: inset 0px 0px 2px 0px #000000;
}

/* Breadcrumbs area */
.breadcrumbs-area {
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 70%);
}

/* Logo */
.site-title a {
    font-family: Open Sans;
    font-size: 36px;
}
.site-branding .logo img {
    max-width: 300px;
    max-height: 120px;
    margin-top: 0px;
    margin-left: 0px;
}

/* Text logo styling */
.site-title-text {
    font-size: 28px;
    font-weight: 700;
    text-decoration: none;
}
.logo-main {
    color: #FF7F00;
}
.logo-ext {
    color: #fff;
}

/* Orange accent — text colors */
a,
.site-title a i,
.thumb-block:hover .rating-bar i,
.categories-list .thumb-block:hover .entry-header .cat-title:before,
.required,
.like #more:hover i,
.dislike #less:hover i,
.top-bar i:hover,
.main-navigation .menu-item-has-children > a:after,
.menu-toggle i,
.main-navigation.toggled li:hover > a,
.main-navigation.toggled li.focus > a,
.main-navigation.toggled li.current_page_item > a,
.main-navigation.toggled li.current-menu-item > a,
#filters .filters-select:after,
.morelink i,
.top-bar .membership a i,
.thumb-block:hover .photos-count i {
    color: #FF7F00;
}

/* Orange accent — backgrounds */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.label,
.pagination ul li a.current,
.pagination ul li a:hover,
body #filters .label.secondary.active,
.label.secondary:hover,
.main-navigation li:hover > a,
.main-navigation li.focus > a,
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.widget_categories ul li a:hover,
.comment-reply-link,
a.tag-cloud-link:hover,
.template-actors li a:hover {
    border-color: #FF7F00 !important;
    background-color: #FF7F00 !important;
}
.rating-bar-meter,
.vjs-play-progress,
#filters .filters-options span:hover,
.bx-wrapper .bx-controls-direction a,
.top-bar .social-share a:hover,
.thumb-block:hover span.hd-video,
.featured-carousel .slide a:hover span.hd-video,
.appContainer .ctaButton {
    background-color: #FF7F00 !important;
}

/* Orange accent — borders */
#video-tabs button.tab-link.active,
.title-block,
.widget-title,
.page-title,
.page .entry-title,
.comments-title,
.comment-reply-title,
.morelink:hover {
    border-color: #FF7F00 !important;
}

/* Grid columns — desktop */
@media only screen and (min-width: 64.001em) and (max-width: 84em) {
    #main .thumb-block {
        width: 16.66% !important;
    }
}
@media only screen and (min-width: 84.001em) {
    #main .thumb-block {
        width: 16.66% !important;
    }
}

/* Search autocomplete dropdown */
.site-branding {
    position: relative;
    z-index: 999999 !important;
    overflow: visible !important;
}
.header-search {
    position: relative;
}
.retro-blaze-suggest-box {
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(70% + 45px);
    background: #222;
    border: 1px solid #444;
    z-index: 999999;
    display: none;
    max-height: 300px;
    overflow-y: auto;
}
/* Scrollbar cho suggest box */
.retro-blaze-suggest-box::-webkit-scrollbar {
    width: 6px;
}
.retro-blaze-suggest-box::-webkit-scrollbar-track {
    background: #111;
}
.retro-blaze-suggest-box::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 3px;
}
.retro-blaze-suggest-box::-webkit-scrollbar-thumb:hover {
    background: #FF7F00;
}
.retro-blaze-suggest-box a {
    display: block;
    padding: 8px 12px;
    color: #ddd;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid #333;
}
.retro-blaze-suggest-box a:hover {
    background: #FF7F00;
    color: #fff;
}

/* Category filter buttons */
.category-filters {
    margin-bottom: 15px;
    text-align: center;
}
.category-filters .label {
    margin: 0 3px 5px;
    display: inline-block;
}
.category-filters .label.active {
    border-color: #FF7F00 !important;
    background-color: #FF7F00 !important;
}

/* Server button active state */
.server-btn.active {
    border-color: #FF7F00 !important;
    background-color: #FF7F00 !important;
}

/* Load more wrap */
.load-more-wrap {
    text-align: center;
    margin: 15px 0;
}

/* SEO text area */
.seo-text-area {
    padding: 15px;
    margin-top: 10px;
    font-size: 13px;
    color: #999;
    line-height: 1.6;
}

/* Footer tags */
.footer-tags-container {
    margin-bottom: 15px;
}
.footer-backlinks {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.footer-backlinks li a {
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    background: rgba(255,255,255,0.05);
    border-radius: 3px;
    color: #bbb;
    text-decoration: none;
}
.footer-backlinks li a:hover {
    background: #FF7F00;
    color: #fff;
}

/* Footer SEO text */
.footer-seo-text {
    font-size: 13px;
    margin-bottom: 15px;
    text-align: justify;
    line-height: 1.6;
    color: #888;
}

/* Footer menu */
.footer-menu-container {
    margin-bottom: 10px;
}
.footer-menu-container .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}
.footer-menu-container .menu li a {
    color: #bbb;
    font-size: 13px;
    text-decoration: none;
    padding: 3px 8px;
}
.footer-menu-container .menu li a:hover {
    color: #FF7F00;
}

/* Like button reset */
.like-btn {
    background: transparent !important;
    border: none !important;
    cursor: pointer;
    padding: 0;
    box-shadow: none !important;
}

/* Like button liked state */
.like-btn.liked i,
.like-btn.liked .grey-link {
    color: #FF7F00 !important;
}
.like-btn.liked {
    pointer-events: none;
    opacity: 0.85;
}

/* No videos message */
.no-videos {
    text-align: center;
    padding: 40px 20px;
    color: #999;
    font-size: 16px;
}

/* Sidebar backlinks */
.sidebar-backlinks {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-backlinks li {
    padding: 4px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.sidebar-backlinks li a {
    color: #bbb;
    text-decoration: none;
    font-size: 13px;
}
.sidebar-backlinks li a:hover {
    color: #FF7F00;
}

/* Error search form */
.error-search-form {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 15px;
}
.error-search-form input[type="text"] {
    flex: 1;
    max-width: 300px;
}

/* Fix navigation: wrap thay vì cuộn ngang */
#site-navigation {
    height: auto !important;
}
#site-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    width: 100%;
}
#site-navigation > ul > li {
    float: none;
    flex: 0 0 auto;
}

/* Ẩn menu Home trên mobile + bỏ background nav */
@media screen and (max-width: 991.98px) {
    #site-navigation {
        background: transparent !important;
        box-shadow: none !important;
    }
    #site-navigation ul {
        display: none !important;
    }
    #site-navigation ul.toggled {
        display: block !important;
    }
    .home-icon {
        display: none !important;
    }
}

/* Layout Full Width Override (No Sidebar) */
.content-area,
.site-main {
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
}

.site-content .widget-area {
    float: none !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 2em;
}

/* Player container fix — dùng fv_player_container pattern */
.fv-player-container {
    position: relative;
    aspect-ratio: 16/9;
    width: 100% !important;
    height: auto !important;
}
.fv-player-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 2;
}
.fv-player-container .player-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}


/* Fix for mobile menu button overlap */
#site-navigation,
#site-navigation .button-nav {
    z-index: 9999999 !important;
}