/*
Theme Name: Ultimate Master Theme V42
Theme URI: https://massive-hall.com
Author: Hieu Dang
Author URI: https://massive-hall.com
Description: Ultimate Asian Gay Porn Theme
Version: 42.2
Text Domain: uim-theme
*/

html { font-family: sans-serif; -webkit-text-size-adjust: 100%; box-sizing: border-box; }
*, *:after, *:before { box-sizing: border-box; }
body { margin: 0; background-color: #181818 !important; color: #ccc !important; padding: 0; line-height: 1.5; overflow-x: hidden; }
a { background-color: transparent; text-decoration: none; outline: 0; color: #fff; }
a:hover { color: #ff3366; transition: all 200ms linear; }

#page { width: 100%; margin: 0 auto; background: #000; padding: 0 10px; }
.uim-split-layout { display: flex; gap: 20px; margin-top: 15px; }
.uim-layout-content { flex: 1; min-width: 0; }
.uim-layout-sidebar { width: 300px; flex-shrink: 0; }

#site-navigation { background: #000; border-top: 1px solid #111; border-bottom: 1px solid #333; min-height: 40px; width: 100%; clear: both; position: relative; z-index: 999; }
.uim-menu-toggle { display: none; }
.uim-menu-icon { display: none; color: #fff; cursor: pointer; font-weight: bold; text-transform: uppercase; margin: 0; padding: 12px 15px; background: #111; width: 100%; }
#site-navigation ul.uim-main-menu { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
#site-navigation ul.uim-main-menu > li { border-right: 1px solid #222; border-bottom: 1px solid #222; }
#site-navigation ul.uim-main-menu > li > a { padding: 0 8px; line-height: 40px; color: #fff; font-size: .85em; font-weight: 700; text-transform: uppercase; display: block; }
#site-navigation ul.uim-main-menu > li > a:hover, #site-navigation ul.uim-main-menu > li > a.active-filter { color: #ff3366; }

.uim-home-title, .seo-title { background: #282828; color: #fff; padding: .3em .6em; font-size: 0.85em; font-weight: 600; border-left: 4px solid #ff3366; margin: 10px 0; text-transform: uppercase; }
.uim-home-title { clear: both; }
.uim-seo-intro p { font-size: 0.85em; color: #aaa; margin-top: 5px; margin-bottom: 15px; }
.uim-bottom-seo { margin: 20px 0; padding: 20px; background: #111; border-radius: 6px; text-align: center; }
.uim-bottom-seo .seo-title { display: inline-block; margin: 0 0 10px 0; padding: 6px 15px; background: #222; border-radius: 4px; color: #fff; border-left: 4px solid #ff3366; }
.uim-bottom-seo-desc { color: #888; font-size: 0.85em; line-height: 1.6; max-width: 800px; margin: 0 auto; }
.uim-bottom-seo-desc p { margin: 0; }

.uim-home-grid { display: flex; flex-wrap: wrap; margin: 0 -2px; clear: both; }
.uim-home-card { width: 20%; padding: 2px; box-sizing: border-box; position: relative; }
.uim-home-thumb { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; background: #111; border-radius: 3px; }
.uim-home-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.uim-home-thumb:hover img { transform: scale(1.05); }

span.views, span.duration { position: absolute; bottom: 4px; padding: .1em .3em; font-size: .55em; font-weight: bold; border-radius: 2px; z-index: 20; color: #fff; background: rgba(0,0,0,.85); line-height: 1; }
span.views { left: 4px; display: flex; align-items: center; gap: 3px; }
span.duration { right: 4px; background: rgba(0,0,0,.9); color: #ffcc00; }

.uim-home-card h3 { background: #000; height: 22px; line-height: 22px; padding: 0 5px; margin: 0; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.uim-home-card h3 a { color: #fff; font-size: .6em; font-weight: 500; display: block; }

/* === BREADCRUMBS RANK MATH CSS === */
.breadcrumbs-area { margin-bottom: 20px; padding: 15px 0; border-bottom: 1px solid #333; }
.header-inline-container { display: flex; align-items: flex-start; flex-direction: column; gap: 8px; }
.rank-math-breadcrumb { font-size: 13px; color: #aaa; }
.rank-math-breadcrumb p { margin: 0; }
.rank-math-breadcrumb a { color: #aaa; text-decoration: none; transition: 0.3s; }
.rank-math-breadcrumb a:hover { color: #ff3366; }
.rank-math-breadcrumb .separator { margin: 0 6px; color: #555; }
/* ================================= */

.uim-pagination { margin: 30px 0; display: flex; justify-content: center; gap: 6px; }
.uim-pagination .page-numbers { background-color: #333; padding: .5em 1em; color: #fff; font-size: .85em; font-weight: bold; border-radius: 2px; }
.uim-pagination .page-numbers.current { background-color: #ff3366; }

.single-meta-flex { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 12px 0; width: 100%; border-radius: 6px; margin-bottom: 20px; }
.meta-info-left { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; flex: 1; }
.single-page .meta-item { flex: 1; min-width: 140px; }

.topic-link, .meta-item a { display: inline-block; background-color: #000; color: #fff !important; border: 1px solid #555; padding: 2px 6px; font-size: 0.65em; border-radius: 3px; margin: 2px 4px 2px 0; text-transform: uppercase; font-weight: 600; transition: all 0.3s ease; }
.topic-link:hover, .meta-item a:hover { background-color: #fff; color: #000 !important; border-color: #fff; }
.meta-item strong { font-size: 0.75em; color: #aaa; margin-right: 5px; text-transform: uppercase; }

.uim-btn-home, .uim-btn-download { flex: 1; display: block; text-align: center; padding: 12px 0; font-size: 0.85em; font-weight: bold; border-radius: 4px; text-transform: uppercase; text-decoration: none; box-sizing: border-box; transition: all 0.3s ease; }
.uim-btn-home { background: #222; color: #fff; border: 1px solid #333; }
.uim-btn-home:hover { background: #fff; color: #000; border-color: #fff; }
.uim-btn-download { background: #ff3366; color: #fff; }
.meta-download { flex: 1 1 100%; order: 2; }

.video-player { width: 100%; background: #000; margin-bottom: 25px; border-radius: 6px; overflow: hidden; }
#uim-player-container { width: 100%; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; cursor: pointer; background-size: cover; background-position: center; }
.play-btn { background: rgba(255, 51, 102, 0.9); padding: 12px 25px; border-radius: 6px; color: #fff; font-weight: bold; }
.responsive-player { position: relative; aspect-ratio: 16/9; width: 100%; background: #000; border-radius: 4px; overflow: hidden; margin-bottom: 15px; }
.responsive-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.uim-single-duration { display: inline-block; background: #222; color: #ffcc00; padding: 4px 12px; border-radius: 3px; font-size: 0.95rem; margin-bottom: 12px; font-weight: 600; }

.related-title { margin-top: 35px; }
.uim-view-more-container { text-align: center; margin: 30px auto; }
.uim-btn-view-more { display: inline-block; padding: 10px 20px; background: #ff3366; color: #fff; font-weight: bold; text-transform: uppercase; border-radius: 4px; }
.uim-related-bar { background: #222; padding: 8px 15px; margin: 25px 0 10px; border-left: 5px solid #ff3366; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 0.95rem; }
.uim-related-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.uim-related-card { width: calc(25% - 8px); aspect-ratio: 16/9; overflow: hidden; border-radius: 4px; background: #000; }
.uim-related-card img { width: 100%; height: 100%; object-fit: cover; }

.uim-trending-header { background: #111; padding: 10px 12px; border-radius: 4px; margin-bottom: 15px; display: flex; align-items: center; flex-wrap: wrap; margin-top: 20px; }
.footer-trending-header { margin-bottom: 0; }
.uim-titles-wrap { display: flex; align-items: center; margin-right: 15px; }
.uim-trending-header .seo-title, .uim-trending-header h2.uim-home-title { margin: 0 12px 0 0; padding: 0 12px 0 0; background: none; border-left: none; font-size: 0.85em; color: #fff; font-weight: 600; text-transform: uppercase; display: block; }
.uim-trending-header .seo-title { border-right: 2px solid #333; }
.uim-tags-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px; background: #111; border-radius: 4px; flex: 1; }
.uim-tags-wrap strong { color: #ff3366; font-size: 0.85em; text-transform: uppercase; margin-right: 10px; display: inline-block; }
.desktop-trending-text { color: #ff3366; font-size: 0.75em; margin-right: 10px; text-transform: uppercase; }
.uim-trending-label { display: none; color: #ff3366; font-size: 0.85em; font-weight: bold; text-transform: uppercase; cursor: pointer; padding: 8px 10px; background: #222; border-radius: 3px; width: 100%; text-align: center; margin-top: 10px; }

.uim-ad-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; margin: 15px auto !important; text-align: center !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; }

/* FIX: Loại bỏ iframe và ins khỏi quy tắc ép chiều cao tự động để không bị bóp kích thước quảng cáo */
.uim-ad-wrapper > *, .uim-ad-wrapper img, .uim-ad-wrapper div, .uim-ad-content img { max-width: 100% !important; height: auto !important; object-fit: contain; }

.uim-ad-container { display: flex; justify-content: center; align-items: center; text-align: center; }
.footer-ad-container { margin: 0; padding: 0; line-height: 0; width: 100%; overflow: hidden; }
.uim-ad-wrapper-footer { width: 100%; display: flex; justify-content: center; margin: 15px 0; }
#uim-ads-overlay { display: none; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 300px; height: 250px; z-index: 2147483647; background: transparent; }
.uim-ads-close { position: absolute; top: -22px; right: 0; background: #222; color: #fff; font-size: 11px; padding: 4px 10px; cursor: pointer; border-radius: 4px 4px 0 0; font-family: sans-serif; border: 1px solid #444; border-bottom: none; }
.uim-ad-content { width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.uim-search-li { flex-grow: 1; display: flex; align-items: center; justify-content: flex-end; padding: 4px 10px; border-right: none !important; border-bottom: none !important; }
.uim-search-form { display: flex; margin: 0; height: 32px; width: 100%; max-width: 250px; }
.uim-search-input { flex: 1; padding: 0 10px; border: 1px solid #333; border-radius: 4px 0 0 4px; background: #111; color: #fff; font-size: 0.85em; outline: none; }
.uim-search-btn { padding: 0 12px; background: #ff3366; color: #fff; border: none; border-radius: 0 4px 4px 0; cursor: pointer; font-size: 0.85em; font-weight: bold; }
.uim-not-found { text-align: center; padding: 40px 20px; width: 100%; background: #111; border-radius: 4px; }
.uim-not-found.page-404 { padding: 100px 20px; background: transparent; clear: both; color: #fff; }
.uim-not-found h1 { font-size: 60px; color: #ff3366; margin: 0; }
.uim-not-found p { color: #aaa; font-size: 16px; }
.uim-not-found-btn { display: inline-block; margin-top: 15px; padding: 10px 20px; background: #ff3366; color: #fff; font-weight: bold; border-radius: 3px; }
.uim-post-content { margin-bottom: 25px; color: #ccc; line-height: 1.6; }

@media (min-width: 1025px) {
    #page { width: 82% !important; padding: 0 20px; }
}

@media (max-width: 1200px) {
    .uim-home-card { width: 25%; }
}

@media (max-width: 992px) {
    .uim-home-card { width: 33.333%; }
    .uim-split-layout { flex-direction: column; }
    .uim-layout-sidebar { width: 100%; }
}

@media (min-width: 768px) {
    .meta-download { flex: 1 1 auto; order: 0; margin: 0 15px; }
    .meta-info-left { flex-wrap: nowrap; }
}

@media (max-width: 768px) {
    .uim-home-card, .single-page .uim-home-card, .related-grid .uim-home-card { width: 50% !important; }
    .uim-related-card { width: calc(50% - 5px); }
    .single-page .meta-download { flex: 1 1 100% !important; order: 2; margin-top: 8px; }
    
    .uim-trending-header { flex-direction: column; align-items: flex-start; }
    .uim-titles-wrap { width: 100%; justify-content: space-between; margin-right: 0; }
    .uim-trending-header .seo-title { border-right: none; }
    .desktop-trending-text { display: none; }
    .uim-trending-label { display: block; }
    .uim-tags-wrap { display: none; width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px solid #333; }
    .uim-trending-toggle:checked ~ .uim-tags-wrap { display: flex; }
    
    .uim-pagination .page-numbers { display: none; }
    .uim-pagination .page-numbers.prev, .uim-pagination .page-numbers.current, .uim-pagination .page-numbers.next { display: inline-block; }
    .uim-pagination .nav-links { width: 100%; display: flex; justify-content: space-between; }
    .uim-pagination .page-numbers.prev, .uim-pagination .page-numbers.next { flex: 1; text-align: center; }
    .uim-pagination .page-numbers.current { flex: 0 0 auto; }
}

@media (max-width: 767px) {
    .uim-menu-icon { display: block; }
    #site-navigation ul.uim-main-menu { display: none; flex-direction: column; width: 100%; background: #111; }
    #site-navigation .uim-menu-toggle:checked ~ ul.uim-main-menu { display: flex; }
    #site-navigation ul.uim-main-menu > li { width: 100%; border-right: none; border-bottom: 1px solid #222; }
    
    .site-main > div[style*="display: flex"] { flex-direction: column !important; gap: 10px !important; }
    .site-main > div[style*="display: flex"] > div { flex: 0 0 100% !important; width: 100% !important; }
    
    .breadcrumbs-area .header-inline-container { flex-direction: column; align-items: flex-start; gap: 10px; }
    #breadcrumbs { justify-content: flex-start; }
}