/*
Theme Name: ZETATUBE
Theme URI: http://www.mytubepress.com
Description: ZETATUBE is an ideal and 100% responsive wordpress tube theme.
Author: mytubepress
Author URI: http://www.mytubepress.com
Text Domain: zetatube
Version: 1.7.7
Domain Path: /languages
*/

/* MONTSERRAT FONT SYSTEM - Premium Typography */
:root {
    --main-font: 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --mono-font: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,*:before,*:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:1;
    padding:0;
    font-family: var(--main-font) !important;
}

html, body {
    font-family: var(--main-font) !important;
    margin-top: 0px !important;
    line-height: 1.4;
    scroll-behavior: auto !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html, button, input, select, textarea {
    font-family: var(--main-font) !important;
    color: #000;
}

body {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    overflow-y: scroll;
    scroll-behavior: auto !important;
    font-family: var(--main-font) !important;
}

/* AGGRESSIVE SCROLL PREVENTION FOR VIDEO ELEMENTS */
#video, 
#video-player, 
.jw-contract-trigger, 
.video, 
.player,
.jwplayer,
.jw-media,
.jw-wrapper,
.jw-aspect,
.jw-display,
.jw-preview,
.jw-media-container,
.player-wrapper,
.video-container,
.video-player {
    scroll-margin: 0 !important;
    scroll-margin-top: 0 !important;
    scroll-margin-bottom: 0 !important;
    scroll-padding: 0 !important;
    scroll-padding-top: 0 !important;
    scroll-padding-bottom: 0 !important;
    scroll-behavior: auto !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
}

/* Prevent any focus-based scrolling for video elements */
.jwplayer:focus,
.jw-media:focus,
.jw-contract-trigger:focus,
#video:focus,
.video-player:focus {
    scroll-margin: 0 !important;
    scroll-padding: 0 !important;
}

/* Ensure no smooth scrolling anywhere - ENHANCED */
*, *::before, *::after {
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
}

/* Override any inherited scroll properties for video containers */
.jwplayer *,
.jw-media *,
.video-player * {
    scroll-behavior: auto !important;
    scroll-margin: 0 !important;
    scroll-padding: 0 !important;
}
ul {list-style-type: none;}
p {padding: 0; }
/* floats */
.quarter,
.one-third,
.two-thirds,
.half {float: left;}
/* widths */
.one-third {width: 32%;}
.two-thirds {width: 65.5%;}
.quarter {width: 23.5%;}
.three-quarters {width: 74.5%;}
.half {width: 48%;}
/* margins  */
.one-third {margin: 0 0.5%;}
.quarter,
.two-thirds {margin: 0 0.5%;}
.left,
.quarter.left,
.one-third.left {margin: 0 1% 0 0;float: left;}
.right,
.quarter.right,
.one-third.right {margin: 0 0 0 1%;float: right;}
.half.left {width: 48%;margin: 0 2% 0 0;}
.half.right {width: 48%;margin: 0 0 0 2%;}
.two-thirds.left {margin: 0 1% 0 0;}
.two-thirds.right {margin: 0 0 0 1%;}
/* HEADINGS - Montserrat Typography System */
h1 {
    font-size: 20px;
    font-weight: 700;
    margin: 12px 0;
    text-align: center;
    font-family: var(--main-font) !important;
    letter-spacing: -0.02em;
}

h2 {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
    height: 48px;
    max-height: 48px;
    line-height: 1.5;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    white-space: normal;
    -webkit-box-orient: vertical;
    font-family: var(--main-font) !important;
    letter-spacing: -0.01em;
}

h2.single-title {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    margin: 8px 3px 1px 2px;
    font-family: var(--main-font) !important;
    letter-spacing: -0.02em;
}

h1.single-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
    margin: 28px 15px 27px 5px;
    font-family: var(--main-font) !important;
    letter-spacing: -0.03em;
}

h1.category-title {
    font-size: 20px;
    margin: 0!important;
    text-align: left!important;
    font-family: var(--main-font) !important;
    font-weight: 700;
    letter-spacing: -0.02em;
}

h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 4px 0 0 10px;
    font-family: var(--main-font) !important;
    letter-spacing: -0.01em;
}

h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 4px 0 4px 10px;
    font-family: var(--main-font) !important;
}

h5 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin: 10px 0 0;
    font-family: var(--main-font) !important;
}

h3.widget-title {
    font-family: var(--main-font) !important;
    font-size: 17px !important;
    font-weight: 600;
    letter-spacing: -0.01em;
}
.clear {clear: both !important;}
.visible-desktop {display: inline-block;}
.visible-mobile {display: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]), .addtoany_content { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a {text-decoration: underline; cursor: pointer; }
a:visited {}
a:hover { color: #ff0000; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
.spacer {margin-bottom: 10px;}
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* Native lazy loading styles - removed .lazy class as it's no longer needed */
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"], .generic-button a { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none;}
.results {color: #777;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
#forgot_password input, #register input, #login input, #mobile_search input {height: 36px;}
.dekstop_search input {height: 26px;}
svg:not(:root) { overflow: hidden; }
/* UI ELEMENTS - Montserrat Typography System */
button, input[type="submit"], input.button, input[type="button"], a.button, select, input[type="text"], .generic-button a, input[type="password"], input[type="email"], header #secondaryMenu .login-logged a, textarea, .selectSubmitButton {
    padding: 3px 10px !important;
    margin: 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-decoration: none;
    font-family: var(--main-font) !important;
    font-weight: 500;
}

/* Navigation & Menu - Montserrat Typography */
header #mainMenu ul li a {
    padding: 6px 10px;
    text-decoration: none;
    display: inline-block;
    zoom: 1;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    font-family: var(--main-font) !important;
    letter-spacing: -0.01em;
}

/* Secondary Menu Typography */
header #secondaryMenu ul li a,
header #secondaryMenu ul li strong,
header #secondaryMenu ul li b {
    padding: 0 3px;
    font-size: 14px;
    font-family: var(--main-font) !important;
    font-weight: 500;
}

/* Content Typography */
.article-content,
.content-page,
.post-content {
    font-family: var(--main-font) !important;
    font-weight: 400;
    line-height: 1.6;
    font-size: 15px;
}

/* Sidebar Typography */
#sidebar ul li a,
#footer-widgets ul li a {
    font-size: 14px;
    font-family: var(--main-font) !important;
    font-weight: 500;
}

/* Form Elements Typography */
textarea {
    font-family: var(--main-font) !important;
    font-weight: 400;
    line-height: 1.5;
}

/* Tab Buttons Typography Enhancement */
.tabsContainer ul.tabButtons li.headtab {
    font-family: var(--main-font) !important;
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* Performer section title */
.section-title {
    text-align: left;
    font-size: 1.4em;
}

/* Mobile Responsive Typography */

/* Monospace Elements */
code, pre, kbd, samp {
    font-family: var(--mono-font) !important;
    font-size: 0.875em;
}

/* All Elements Force Montserrat - EXCEPT FontAwesome Icons */
*:not([class*="fa"]):not(i):not(.fas):not(.far):not(.fal):not(.fab):not(.fa-),
*:not([class*="fa"]):not(i):not(.fas):not(.far):not(.fal):not(.fab):not(.fa-)::before,
*:not([class*="fa"]):not(i):not(.fas):not(.far):not(.fal):not(.fab):not(.fa-)::after,
p, span, div, a, li, ul, ol, dl, dt, dd,
table, th, td, tr, tbody, thead, tfoot,
form, label, fieldset, legend, input, button, select, textarea,
blockquote, cite, q, abbr, acronym, address, 
strong, b, em, u, s, small, big, sub, sup,
article, section, nav, aside, header, footer, main,
figure, figcaption, time, mark, details, summary {
    font-family: var(--main-font) !important;
}

/* PRESERVE FontAwesome Icons */
.fa, .fas, .far, .fal, .fab, .fad, .fass, .fasr, .fasl,
[class^="fa-"], [class*=" fa-"],
.fa::before, .fas::before, .far::before, .fal::before, .fab::before,
[class^="fa-"]::before, [class*=" fa-"]::before,
i.fa, i.fas, i.far, i.fal, i.fab, i.fad,
i[class^="fa-"], i[class*=" fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
}

/* FontAwesome Brand Icons */
.fab, .fab::before,
i.fab, i.fab::before {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome" !important;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover, .selectSubmitButton:hover,header #secondaryMenu .login-logged a:hover {background: url('awpt/css/images/xv-button-bg-hover.png') left top repeat-x;color: #fff;border-color: #000;}
button:focus, input[type="submit"]:focus, input[type="button"]:focus, a.button:focus, .selectSubmitButton:focus,
button:active, input[type="submit"]:active, input[type="button"]:active, a.button:active, .selectSubmitButton:active{outline: none;}
a.button {cursor: pointer;display: inline-block;*display: inline;zoom: 1;}
select { padding-right: 4px;}
/*input[type="text"], input[type="password"], input[type="email"],header #secondaryMenu .login-logged a { background: #e8e7e6 url('awpt/css/images/xv-input-bg.png') left bottom repeat-x;}
.generic-button a { background: #e8e7e6 url('awpt/css/images/xv-input-bg.png') left bottom repeat-x !important; color: #000;}*/
textarea { padding: 6px; background: #f9f9f9; }
button[disabled], input[disabled], textarea[disabled], select[disabled],button[disabled]:hover, input[disabled]:hover, textarea[disabled]:hover, select[disabled]:hover {background: #bbb;color: #333;font-style: italic;}
.btn a, a.btn {text-decoration: none;color: #000;text-decoration: none;}
.btn-more {width: 99.7%; text-align: center;}
.tooltip {display:none;position:absolute;border:1px solid #333;background-color:#161616;border-radius:5px;padding:10px;color:#fff;font-size:12px Arial;}
.paginator, .pagination {display: inline-block;overflow: hidden;width: 100%;text-align: center;grid-column: 1 / -1;}
.paginator {margin-left: 5px;}
a.middle, .pagination li.menu-item a {color: #000 !important;}
.pagination ul, ul.page-numbers {margin: 0;display: inline-block;vertical-align:  middle;*display: inline;zoom: 1;}
.pagination ul li, ul.page-numbers li {float: left;padding: 1px;}
.pagination ul li a, ul.page-numbers li a {text-decoration: none;padding: 2px 5px;border: 1px solid #ccc !important;display: inline-block;*display: inline;zoom: 1;}
.paginator ul li a {padding: 3px 8px 3px 8px;}
.pagination ul.page-numbers li span.current {padding: 6px 8px 3px 8px;line-height: 26px;}
ul.page-numbers {float: left;}
.pagination ul li a:hover, ul.page-numbers ul li a:hover {background: #eee;border-color: #888}
.pagination ul li a.nP,.pagination ul li a.sel {border-color: transparent;background: transparent;text-decoration: underline;font-weight: bold;}
.pagination.small {text-align: left;}
.pagination.lighter ul li a { background: #fff; }
.pagination.lighter ul li a:hover, .pagination.lighter ul.page-numbers li a:hover { background: #eee; }
.pagination.lighter ul li a.current,.pagination.lighter ul li a.selected,.pagination.lighter ul.page-numbers li a.current,ul.page-numbers li span.current,.pagination.lighter ul li a.prev,.pagination.lighter ul li a.next,
.pagination.lighter ul.page-numbers li a.prev,.pagination.lighter ul.page-numbers li a.next
{border: none;background: transparent;font-weight: bold;text-decoration: underline;}
#UPB-Standard-Form-entry-content .pagination {float: left;width: 100%}
#UPB-Standard-Form #UPB-Standard-Form-entry-content {background-color: transparent !important;border-top: 0px !important;}
.viewselector {background: transparent !important;}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.description { margin-top: 10px; }
ol.commentlist{margin: 10px 5px;padding: 10px;}
.commentlist .comment-body{padding: 10px;background: #EFEFEF;margin: 10px 0;position: relative;}
.comment-body a.comment-reply-link{position: absolute;top: 10px;right: 10px;}
ol.commentlist li{list-style: none;}
ol.commentlist img.avatar{padding: 5px;background: #DEDEDE;border: solid thin #CECECE;float: left;display: block;margin: 15px;width: 32px;height: 32px;}
ol.commentlist .comment-author{line-height: 25px;}
.comment-body cite.fn{font-size: 14px;font-style: normal;}
.commentmetadata a{margin: 0;font-size: 11px;}
.comment-body p{ margin: 5px;}
.comment-body .comment-author.vcard{margin: 0;}
textarea.foursquare,textarea#flag-comments {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;display: block;border:1px solid #ccc !important;background:#fff !important;box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset !important;width: 100%;outline: 0;font: 300 11px/15px'Open Sans', sans-serif;height: 100px;border: 0;resize: none;width: 890px;}
.it-com-line  input[type=text]{border:1px solid #ccc !important;background:#fff !important;box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset !important;}
.it-comments .pagination-site { margin: 20px 0}
.it-comments .textareafoursquare, textarea#flag-comments{border: 1px solid #313131;}
a.comment-reply-link{display: none;}
.s_input {border:1px solid #ccc !important;background:#fff !important;box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset !important;width: 250px !important; line-height: 30px;}
.s_input:-moz-placeholder {color: #545454;opacity: 1;}
.s_input::-moz-placeholder {color: #545454; opacity: 1;}
.s_input::-webkit-input-placeholder {color: #545454;}
.s_input:-ms-input-placeholder {color: #545454;}
.s_input::placeholder {color: #545454;}
.s_input.placeholder {color: #545454 !important;}
.s_input { color: #000;}
a.post-edit-link {float: right;}
#contpage {float:left;test-align:justify;}
.video-hd-mark {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;dcolor: #fff;}
.thumbInside .video-hd-mark {position: absolute;right: 7px; top: 7px;border-radius: 1px;color: #fff;display: inline-block;font-size: 15px;font-weight: 600;height: 18px;line-height: 18px;padding: 1px 6px;vertical-align: baseline;text-align: center;margin-left: 0;}
.single-video-header .video-hd-mark {display: inline-block;font-size: 17px;font-weight: 700;height: 23px;padding: 0 6px;text-align: center;position: relative;top: 0;margin-left: 3px;line-height: 24px;vertical-align: top;}
.play_img {display: none;border:none !important;}
.blackStripe { background: #000; color: #fff; }
.redStripe a, .blackStripe a, .redStripe a:visited, .blackStripe a:visited, .redStripe a:hover, .blackStripe a:hover { color: #fff; }
.redStripe a b, .blackStripe a b { color: #fff; text-decoration: underline; }
.whiteStripe, .redStripe, .blackStripe { overflow: hidden; }
.vsep {margin: 15px 0 0;padding-top: 15px;border-top: 1px solid #000;overflow: hidden;*zoom: 1;}
.center { text-align: center; }
.tags_list { margin: 0 0 10px; font-size: 13px; }
.tags_list li { display: inline; }
.tags_list li a { text-decoration: none; }
.tags_list li a:hover { text-decoration: underline; }
.tags_list li.profile_name a, .tags_list li.profile_name a:visited {font-weight: bold;text-decoration: underline;}
#page {max-width: 1400px;margin: 0 auto;overflow: hidden;}
/* ==== HEADER ==== */
header {font-size: 13px;overflow: hidden;}
header img#siteLogo { float: left; }

form#searchForm {float: left;padding: 6px 10px 0px;}
#searchSubmit {padding: 4px 20px;border: 2px solid #a9a9a9; background: #ededed;font-weight: bold;color: #000;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.lt-ie8 #searchSubmit { line-height: 12px; }
header h2 {font-size: 18px;font-weight: bold;line-height: 18px;margin: 0 0 0;padding: 0;text-align: center;}
header h2.secondary {margin-top: 15px;font-weight: normal;font-size: 15px;}
header h2.secondary .redText { font-weight: bold; }
header #mainMenu p {float: right;margin: 7px 5px 0 0;font-size: 15px;}
header #mainMenu ul {margin: 0;overflow: hidden;}
header #mainMenu ul li {border-right: 1px dashed #000;float: left;}
header #mainMenu ul li a {padding: 6px 10px;text-decoration: none;display: inline-block;*display: inline;zoom: 1;text-transform: capitalize;font-size: 16px;font-weight: 500;line-height: 1.5;}
header #mainMenu ul li a:hover {background: #000; }
header #mainMenu li ul {display: none;}
header #mainMenu li:hover ul {display: block; position: absolute;z-index: 10;}
header #mainMenu li:hover li {float: none;}
header #mainMenu li:hover ul li a {min-width: 180px;font-size: 15px;}
header #mainMenu li:hover ul li {border-right: none;}
header #mainMenu li:hover ul li a {background: #000;}
header #mainMenu li:hover ul li a:hover {background: #4f4b4b;}
header #mainMenu #drop-nav li ul li {border-top: 0px;}
header #mainMenu .current-menu-item a,header #mainMenu .current-menu-item a:hover {background: #000;color: #fff;}
header #secondaryMenu { padding: 2px 6px 3px;}
header #secondaryMenu .login-logged {margin: 0; overflow: hidden; float: right;position: relative;right: -6px;display: block;}
header #secondaryMenu .login-logged a, header #secondaryMenu .login-logged span.language-switcher {background:#ccc;color: #000;padding:21px 7px;margin-left: 4px;font-weight: bold;}
header #secondaryMenu ul li { float: left; padding: 0; }
header #secondaryMenu ul li a,
header #secondaryMenu ul li strong,
header #secondaryMenu ul li b { padding: 0 3px;font-size: 14px;}
header #secondaryMenu ul li a strong,
header #secondaryMenu ul li a b { padding: 0; }
header .redStripeBordered {margin: 4px 0 2px;padding: 5px 10px;border: 1px solid black;text-align: center; font-size: 15px;}
header .redStripeBordered img { vertical-align: bottom; }
header .redStripeBordered a {font-weight: bold;text-decoration: none;}
header .redStripeBordered a:hover { text-decoration: underline; }
header .header-icons {float: right;height: 40px;}
header a.icon {color: #fff;background-position: left top;background-repeat: no-repeat;display: inline-block;vertical-align: text-bottom;margin: 8px 3px 8px 0;padding: 4px 8px;}
header .filters {float: left;}
header .filters a {text-decoration: none;font-size: 100%;line-height: 22px;margin-right: 3px;border-right: 1px solid #C0BBBB;padding-right: 8px;padding-left: 4px;line-height: 22px;}
#member-menu li {padding-right: 8px;}
header .filters a:last-child {border-right: none;padding-right: 0;}
header .filters a:hover {text-decoration: underline;}
.login-logged {margin-top: 4px;}
.login-logged a {text-decoration: none;line-height: 22px;}
header .header_mobile_icons {display: none;position: absolute;left: 0;float: left;}
header .header_mobile_icons a.active .fa-sliders{z-index: 11;-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);transform:rotateZ(180deg);margin-top: 2px;}
header .header_mobile_icons a.active .fa-bars{z-index: 11;-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);transform:rotateZ(90deg);}
header .header-icons a.user {background:none !important; display: none;font-size: 200%;float: right;margin-top: 3px;padding-left: 5px;}
.closable_mobile {display: none;}
.closable_mobile #mobile_search {display: block !important;}
.mobile_menu {left: 0; position: absolute;top: 40px;width: 100%;height: 100%; z-index: 280;overflow: scroll;}
.mobile_filters {left: 0;position: absolute;top: 40px;width: 100%;z-index: 280;background: #000;margin: 0;padding: 0;}
.mobile_filters a {text-decoration: none;color: white; padding: 10.5px 11px;display:block;font-size: 180%;}
.mobile_filters a:visited {color: white;}
.mobile_menu ul li a:hover { color: white;}
.mobile_menu ul {margin: 0; padding: 0;width:100%;list-style-type: none;}
.mobile_menu ul li {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;margin:0;}
ul.mobile_right-menu {float: right;width: 50%;background:#fff;height: auto;}
ul.mobile_left-menu {float: left;width: 50%;z-index: 102;}
ul.mobile_left-menu li a:hover{background:#000;}
ul.mobile_right-menu li a{border-bottom: 1px solid #ccc;color: #000 !important;background:#f4f4f4;}
ul.mobile_right-menu li a:hover{background:#ccc;}
.mobile_menu ul li a {text-decoration: none;color: white; padding: 10.5px 11px; display:block;font-size: 18px;line-height: 1.4;}
.mobile-user-menu {position: fixed;width: 173px;right: 1px;top: 40px;background:#000;z-index: 9999;display: none;}
.mobile-user-menu ul {list-style-type: none;margin: 0;padding: 0;width:100%;background-color: #000;}
.mobile-user-menu li a {display: block;color: #fff;padding: 8px 16px;text-decoration: none;border-bottom: 1px solid #444;}
.mobile-user-menu li a:hover {background-color: #292929;color: white;}
header {grid-area: header;}
article {grid-area: content;}
aside {grid-area: sidebar;display: inline-block;vertical-align: top;height: 100%;padding: 8px 10px;}
footer {grid-area: footer;}
#header-mobile-filters-toggle, #header-mobile-menu-toggle,#header-mobile-search-toggle {float: left;margin-right: 0;z-index: 999;}
a.icon_mobile { font-size: 24px;padding: 6px 8px;color: #fff;display: inline-block;}
#x-messages .inner, .x-messages .inner {border: 3px solid #000;margin: 4px 0;position: relative;}
#x-messages .x-message-arrow, .x-messages .x-message-arrow {-moz-border-bottom-colors: none;-moz-border-left-colors: none; -moz-border-right-colors: none;-moz-border-top-colors: none; border-color: transparent transparent #000;border-image: none;border-style: solid;border-width: 0 7px 7px;display: none;height: 0;margin-left: -7px;position: absolute;right: 45px;top: -7px;width: 0;}
#x-messages .x-close, .x-messages .x-close {color: #fff;cursor: pointer;font-family: Monaco,Menlo,Consolas,"Courier New",monospace;font-size: 20px;font-weight: 600;line-height: 18px;position: absolute;right: 6px;top: 6px;}
#x-messages .x-close:hover, .x-messages .x-close:hover { color: #000;}
#x-messages .x-message a, .x-messages .x-message a, .x-overlay .x-body, .x-overlay .x-body .text-danger, .x-overlay .x-body .text-success, .x-overlay .x-body a {color: #fff;}
#x-messages .x-message, .x-messages .x-message {border-bottom: 1px solid #fff;color: #fff;font-size: 13px;overflow: hidden;}
#x-messages .x-message:last-child, .x-messages .x-message:last-child {border: medium none;}
#x-messages .x-message img, .x-messages .x-message img {float: left;margin-right: 10px;max-height: 60px;max-width: 60px;}
#x-messages .x-message .icon, .x-messages .x-message .icon {vertical-align: text-top;}
/* ==== SIDEBAR ==== */
#sidebar {position: absolute;right: 0;	height: 100%;position: relative;display: block;width: 200px;}
#sidebar h3 {display: block;font-size: 70%;margin: 0 0 0 1px;width:180px;}
#sidebar ul {list-style: none;margin-bottom: 10px;padding: 0px;border: none;}
#sidebar ul li {padding: 0 0 0 3px;margin: 0 0 0 -2px;}
#sidebar ul li a, #footer-widgets ul li a {transition: background-color 0.5s ease;font-size: 100%;display: block;padding: 5px 0px 2px 4px;text-decoration: none;color: #666666;width:180px;}
#sidebar ul li a:hover, #sidebar ul li a:focus, #footer-widgets ul li a:hover {color: #000000;background-color: #E6E6E6;}
.tagcloud a {font-family:Arial; opacity: 0.80; color: #fff !important; display: inline-block; margin: 0 5px 5px 0; padding: 0 6px; line-height: 30px; border-radius: 5px;text-decoration: none !important;}
.tagcloud a:nth-child(9n){background-color: #4A4A4A;} .tagcloud a:nth-child(9n+1){background-color: #428BCA;} .tagcloud a:nth-child(9n+2){background-color: #5CB85C;}
.tagcloud a:nth-child(9n+3){background-color: #D9534F;} .tagcloud a:nth-child(9n+4){background-color: #567E95;} .tagcloud a:nth-child(9n+5){background-color: #B433FF;}
.tagcloud a:nth-child(9n+6){background-color: #00ABA9;} .tagcloud a:nth-child(9n+7){background-color: #B37333;} .tagcloud a:nth-child(9n+8){background-color: #FF6600;}
.widget-area {display:block;word-wrap: break-word;}
.widget-area ul { display:block; }
.widget-area li { float:left;list-style: none; }
.widget-title {margin-bottom:4px;clear:both;}
h3.widget-title {font-family : Arial;font-size:16px !important;}
#main #sidebar {word-wrap: break-word;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;padding: 0px;margin: 0px;}
.zetatube-universal-pagination ul {margin: 0; padding: 0;}
.zetatube-universal-pagination ul li {display: inline; margin: 3px; padding: 4px 8px; background: #FFF; color: black; }
.zetatube-universal-pagination ul li.active:hover {cursor: pointer; background: #1E8CBE; color: white; }
.zetatube-universal-pagination ul li.inactive {background: #7E7E7E;}
.zetatube-universal-pagination ul li.selected {background: #1E8CBE; color: white;}
/* ==== FOOTER ==== */
footer {margin: 20px 0 10px;
    overflow: hidden;
    clear: both;
    /* line-height: 14px; */
    *zoom: auto;
    margin: 6px 0px 17px 5px;
    margin-bottom: auto;}
footer .terms {background-color: #F9F9F9;padding: 4px;}
footer .terms p { text-align: justify; }
footer .terms p.newp {margin-top: 20px;text-align: center;}
footer .botLinks {text-align: center;clear: both;*zoom: 1;}
footer .terms .botLinks {background: #fff;padding: 15px 4px 2px;}
footer .slogan {margin-top: 5px;color: #cecece;text-align: center;}
#footer-menu {padding: 5px 0;text-align: center;}
#footer-menu li {display: inline;list-style-type: none;padding-right: 2px;}
#footer-menu li a {text-decoration: none;}
#footer-menu li a:hover {text-decoration: underline;}
#footer-widgets {display: block; max-width: 1450px; margin: 0 auto;padding-left: 5px;margin-left: 0;}
#footer-widgets ul li a {font-size: 100%;padding: 6px 10px;}
.footer-widgets-1,.footer-widgets-2,.footer-widgets-3,.footer-widgets-4 {width: 23.076923076923077%;float: left;}
.footer-widgets-1 {margin-left: 0px;}
.powered_by{position: absolute;top: -9999px;left: -9999px;}
/* ==== CONTENT ==== */

/* Container layout for consistent site-wide design */
@media screen and (min-width: 768px) {
  #main {
    max-width: 1350px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Mobile layout consistency */
@media screen and (max-width: 767px) {
  #main {
    padding: 0 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

#main {display: block;position: relative;width: 100%;height: 100%;float:left;padding-left: 0;padding-right: 0;}
#main #content1 {display: block;position: relative;}
.article-content {padding: 5px 0 5px 10px}
.quality i {}
.article-content .content-page blockquote {font-family: Georgia, serif;font-size: 16px;font-style: italic;max-width: 780px;margin: 0.25em 0;padding: 0.25em 40px;line-height: 1.45;position: relative;color: #ffffff !important; border-left: 5px solid #FF7F00;background: #4b8baf;padding-top: 16px;}
.article-content .content-page blockquote cite {color: #fff !important;font-size: 14px;display: block;margin-top: 5px;}
.article-content .content-page blockquote p {color: #fff !important;}
.mozaique {overflow: hidden;display: grid;height: 100%;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 5px 8px;}
.thumbBlock {display: inline-grid;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position:relative;width:auto;}
#first_related, #second_related {overflow: hidden;display: inline-grid;height: 100%;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 5px 8px;}
.thumbBlock .thumbInside p a {font-weight: bold;text-decoration: none;}
.thumbBlock .thumbInside p a:hover {color: #ff0000;}
.thumbInside img {width: 100%;height: 200px;object-fit: cover;border:1px solid #000;}
img.mvb {border:1px solid #000 !important;height: auto !important;}
.thumbBlock .thumb a {display: block;}
.thumbBlock .thumb img {border: 1px solid #000; }
.thumbBlock p { margin: 0; line-height: 16px; z-index: 9999;}
.thumbBlock p.metadata .video_min_details {padding: 2px 4px 2px 0;line-height: 9px;}
.thumbBlock p.metadata .duration, .single-video-header .duration {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;background: #777;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #fff;font-size: 10px;margin-left: 4px;padding: 3px 4px 2px;vertical-align: text-bottom;}
.mozaique_actions {font-size: 16px;font-weight: bold;line-height: 20px;margin: 2px 0 2px 5px;}
.mozaique_actions a { color: #f00; }
.thumbBlock h2 a {text-decoration: none;}
.thumbBlock h2 a:hover {color: #ff0000;}
.mozaique.smallThumbs .thumbBlock,
.tab .mozaique.smallThumbs .thumbBlock {padding: 2px; width: 120px;background: none;border: none;}
.mozaique.smallThumbs .thumbBlock .thumbInside {height: auto;padding: 0;}
#main, #tag_list {margin: 2px 0 0;overflow: hidden;*zoom: 1;clear: both;}
#main .redStripe {padding: 4px 8px;margin-bottom: 2px;overflow: hidden;}
#main .redStripe .showMore { float: right; font-weight: bold; }
#categories {margin: 2px 0 0;overflow: hidden;clear: both;padding: 4px;text-align: center;}
#categories ul { vertical-align: bottom;text-align: center;}
#categories ul li { padding: 1px; }
#categories ul li a {font-weight: bold;text-decoration: underline;padding: 1px 6px;}
.tax-title {font-weight: 700;font-size: 12px;margin: 0;height: 18px;line-height: 18px;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.metadata {font-size: 11px;height: 14px;line-height: 15px;}
#ad-bottom {margin-top: 14px;clear: both;text-align: center;}

ul.home-buttons {width: 99%;}
ul.home-buttons li {padding: 7px 11px;display: inline-block;border-bottom: none !important;}
ul.home-buttons li:first-child {margin-left: 3px;}
ul.home-buttons li, .performer-block 	ul.tabs li {padding: 6px 8px;display: inline-block;transition: background-color 0.5s ease;border-top-left-radius: 3px;border-top-right-radius: 3px;margin: 0;}
ul.home-buttons li:hover {background: transparent;}
ul.home-buttons li:hover .navbadge {color: #fff;}
ul.home-buttons li a, .performer-block 	ul.tabs li {font-size: 120%;padding: 1px 3px;color: #fff !important;text-transform: uppercase;text-decoration: none;}
ul.home-buttons li:hover a, ul.home-buttons li.active a, ul.home-buttons li.settings-icon a, ul.home-buttons li.right-info a, .performer-block ul.tabs li.current {color: #000 !important;border-bottom: none !important;}
ul.home-buttons li.active {background: transparent !important;}
ul.home-buttons li.active a {color: #000;}
ul.home-buttons li.right-info {float: right;border: none;background: none;font-size: 100% !important;text-transform: uppercase;padding-bottom: 2px !important;margin-top: 6px;}
ul.home-buttons li.settings-icon {border: none;background: none;font-size: 100% !important;text-transform: uppercase;padding-bottom: 2px !important;margin-top: 6px;}
ul.home-buttons li.right-info a {font-size: 100% !important;font-weight: bold;}
ul.home-buttons li a .navbadge {-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;margin-left: 4px;padding: 4px 6px;vertical-align: top;font-size: 13px;}
ul.home-buttons li.active a .navbadge {color: #fff !important;}
.dropdown-content a span.navbadge {-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;margin-left: 0;padding: 3px 5px;vertical-align: bottom;font-size: 11px;}

/* ==== BuddyPress ==== */
.ajax-auth .vcard {display: inline-block !important;}
.ajax-auth aside, .ajax-auth #sidebar, .ajax-auth aside a, .ajax-auth #sidebar a {background: transparent !important;color: #fff !important;}
.ajax-auth aside .item-title, .ajax-auth aside .item-meta {display: none !important;}
@keyframes shake {
10%, 90% {transform: translate3d(-1px, 0, 0);}
20%, 80% {transform: translate3d(2px, 0, 0);}
30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
40%, 60% {transform: translate3d(4px, 0, 0);}
}
.member-front-page .bp-feedback, .member-front-page strong {font-size: 130%;line-height: 130%;}
.select-wrap {animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform: translate3d(0, 0, 0);perspective: 1000px;}
.bp-dir-search-form, .bp-search {display: block;width: 700px !important;position: relative;}
.nouveau-search-submit {display: block;float: right;position: absolute;right: 4px;top: -3px;width: 30px !important;}
#dir-members-search {display: inline-block;position: relative;}
@media screen and (min-width: 779px) {
#item-header-content h2.user-nicename {margin-top: 20px !important;}
.subnav {float: right;}
#cover-image-container {display: block;position: relative;}
#header-cover-image {padding: 2px !important;}
.single-headers {margin-bottom: 0 !important;}
.vertical ul li a {padding: 10px !important;}
}
div.inline{border-right:1px solid #3d3c3c;padding:20px;}
.mpp-gallery-cover {background: #000;}
/* ==== TAGS ==== */
#tags {margin: 10px;}
#tags li {width: 24%;display: inline-block;*display: inline;zoom: 1;}
#tags li.tag_col_0,
#tags li.tag_col_1,
#tags li.tag_col_2 {width: 26%;}
#tags li.tag_col_3 {width: 20%;}
#tags li a {text-decoration: none;font-size: 120%;}
#tags li a:hover {text-decoration: underline;}
/* ==== SCROLL TO TOP ==== */
a#back-to-top {position: fixed; bottom: 40px;right: 40px;z-index: 9999; width: 32px;height: 32px; text-align: center;line-height: 30px;background: #545454;color: #444;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out; opacity: 0;}
a#back-to-top:hover {background: #D6D6D6;}
a#back-to-top.show {opacity: 1;}
.performer-block ul.tabs{border-bottom: 1px solid #000;margin: 10px 3px 0 0;padding: 0px;list-style: none;}
.performer-block .performer-rate li {list-style: none;float: right;}
.performer-block 	ul.tabs li{border-top-left-radius: 3px;
border-top-right-radius: 3px;background: #000;color: #222;display: inline-block;padding: 10px 15px;cursor: pointer;border-right: 1px solid #000;border-left: 1px solid #000;border-top: 1px solid #000;color: #fff;}
.performer-block ul.tabs li.share{font-size: 20px !important;padding: 5.5px 13px 8px 12px;line-height: 24px;}
.performer-block ul.tabs li.current{color: #222;background:none;}
.performer-block #tab-bio,.performer-block #tab-comment,.performer-block #tab-share{padding: 15px; margin: 0 3px 3px 3px;}
.performer-block .tab-content{display: none;}
.performer-block .tab-content.current{display: inherit;}
.performer-block {padding-bottom: 5px;}
.performer-block #share {width: 100%;margin: 100px auto;text-align: center;}
#share a {width: 50px;height: 50px;display: inline-block;margin: 8px;border-radius: 50%;font-size: 24px;color: #fff;opacity: 0.75;transition: opacity 0.15s linear;}
#share a:hover {opacity: 1;}
#share i {position: relative;top: 50%;transform: translateY(-50%);color: #fff;}
#share .facebook {background: #3b5998;}
#share .twitter {background: #55acee;}
#share .googleplus {background: #dd4b39;}
#share .linkedin {background: #0077b5;}
#share .pinterest {background: #cb2027;}
#share .whatsapp {background: #43D954;}
#share .plus-sharing {background: #B02222;}
.performer-block .model-list p {display: inline-block; width: 33.3333333%;font-size: 120%;}
.performer-block .fa-check-circle{color: #fff !important;}
.performer-block h2.performer-title {float: left;margin-left: 1px;padding-left: 2px;}
.performer-block p.performer-first {float: left;margin-left: 1px;padding-left: 2px;font-size: 16px;font-weight: 400;}
.performer-block a.video-subscribe-square:hover {color: #fff;text-decoration: underline;}
a.video-subscribe-square {margin-right:3px;padding:6px;border: 1px solid #ddd;color: #fff;display: inline-block;font-size: 13px;font-weight: 700;line-height: 15px;text-decoration: none;transition: border-color 0.3s ease 0s, background-color 0.3s ease 0s;float: right;}
/*** Submit Form ***/
#awpt-submit-video-form {max-width: 96%;}
#awpt-submit-video-form .radio{font-size:15px;position:relative;display: inline-block;margin-right: 20px;}
#awpt-submit-video-form .radio input{cursor: pointer;position:absolute;width:100%;height:100%;z-index: 1;opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
#awpt-submit-video-form .textarea_comment textarea, #awpt-submit-video-form textarea#embed_code {outline: 0;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;min-height: 150px;padding: 5px !important;}
#awpt-submit-video-form textarea#embed_code {height: 80px !important;}
#awpt-submit-video-form .btn-primary {float: none;display: block;}
#awpt-submit-video-form .textarea_comment  {padding:0 !important;}
form#awpt-submit-video-form .field_form {float: left;width: 100%;}
#output {display: block;width: 30%;height: auto;margin-top: 8px;float: left;}
#video_preview {display: none;}
#loading {display: none;text-align: center;margin: 0 auto;}
.field_form label {float: left;width: 100%;}
.field_form input[type="text"] {float: left;width: 100%;margin-bottom: 4px;}
.field_form textarea {float: left;width: 100%;}
#video_file, #video_thumbnail {padding:10px 0 10px 0;float: left;}
.video_thumbnail .label {float: left;width: 100%;clear: both;}
.help-block {color: red;}
form.ajax-auth{display: none;z-index: 999;position: fixed;top: 100px;width: 80%;padding: 0 25px 25px 25px;margin-left: 10%;margin-right: 10%;background-color: #fff;font-family: Arial, Helvetica, sans-serif;box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);color: #878787;font-size: 11px;background: #000;}
.ajax-auth h1, .ajax-auth h3{font-weight: 100;line-height: 1;}
.ajax-auth .textwidget {font-size: 100%;padding-bottom: 10px;}
.ajax-auth h4 {font-weight: 100;line-height: 30px;font-size: 170%;border-bottom: 1px soli #3d3c3c;}
.ajax-auth h1{font-size: 27px;text-align: center;margin: 0 0 20px 0;}
.inline h3 {font-size: 220%;text-align: left;font-weight: bold;padding: 10px 0;font-family: arial;width: 100%;float: left;color: #fff;margin: 0;}
.ajax-auth hr {background-color: rgba(0, 0, 0, 0.1);border: 0 none;height: 1px;margin: 40px 20px;}
div.inline {float:left;width: 50%;display: inline-block;}
input.reg {background: #fff !important;color: #000 !important;}
.page_content aside {height: 100%; display: grid;}
.page_content article{grid-area: main;height: 100%;}
blockquote {padding: 10px;line-height: 1.8;font-size: 130%;}
.page_content img {-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
img.alignright {float: right; margin: 0 0 1em 1em; max-width: 100%;}
img.alignleft { max-width: 100%; float: left; margin: 0 1em 1em 0; }
img.aligncenter { max-width: 100%; display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 500px) {img.alignleft, img.alignright { display: block; margin-left: auto; margin-right: auto;float: none}}
.copyright-l {
    color: #cecece;
}
.filter-head {
    border-bottom: 1px solid #262626;
    padding-bottom: 5px;
}

.tabs-toplikes>li>a {
    padding: 5px 20px;
    background: #23232a;
    margin: 0 3px;
    color: #fff;
    border-radius: 1px;
}

.tabs-toplikes {
        margin-top: 15px
    }
    
    .tabs-toplikes>li.active>a, .nav-pillss>li.active>a, .nav-pillss>li.active>a:hover, .nav-pillss>li.active>a:focus {
        background: rgba(234,67,53,.6);
    }
    
    @media (max-width: 767px) {
        .tabs-toplikes>li>a {
            margin-bottom: 1px!important;
            float: left
        }
    }
    
    .tabs-toplikes>li>a:hover,
    .tabs-toplikes>li>a:focus {
        text-decoration: none;
        background-color: rgba(234,67,53,.6);
    }

@media (min-width: 768px) {
    .nav-justifiedd>li {
        width: unset !important; 
    }
}

@media only screen and (max-width: 639px) {
  .tabs-toplikes>li>a {
    padding: 5px 10px;
    }
}
.nav-pillss {
  display: flex;
  justify-content: center;
}


.nav-pillss li a {
  display: block;
  text-align: center;
  padding: 10px;
}
.info-like {
    background: #2b2b2b;
    font-size: 14px;
    padding: 5px;
    margin: 0 5px;
    line-height: 1.5;
    border-radius: 4px;
}  
.nav-pillss>li {
    float: left
}

.nav-pillss>li>a {
    border-radius: 4px
}

.nav-pillss>li+li {
    margin-left: 2px
}
.thongbao1 {
        display: none; /* Mặc định ẩn phần tử */
        margin: 5px;
        padding: 5px 0;
        background-color: #12171b;
        line-height: 1.5em;
        font-size: 13px;
        border-radius: 2px;
        text-align: center;
    }

    @media only screen and (max-width: 768px) { /* Ở đây, tôi sử dụng 768px làm mức ngưỡng cho điện thoại di động */
        .thongbao1 {
            display: block; /* Hiển thị phần tử trên điện thoại di động */
        }
    }



.thumbnail-wrapper {
  position: relative;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  max-width: 400px;
  width: 100%;
}

.label-wrapper {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  z-index: 10;
}

.video-label {
  background: linear-gradient(90deg, #ff0000, #ff5e5e);
  color: #fff;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 3px;
  line-height: 1;
  box-shadow: 0 4px 10px rgba(255, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 768px) {
  .label-wrapper {
    top: 10px;
    right: 10px;
  }

  .video-label {
    padding: 2px 6px;
    font-size: 10px;
  }
}

/* ================================
   PAGENAVI STYLES - Rounded Design 
   ================================ */
.wp-pagenavi, 
.pagenavi,
.pagination:not(.menu-footer-container .pagination),
.pagination.paginator {
  text-align: center;
  /* margin: 30px 0; */
  clear: both;
  padding: 5px 0; 
}

/* All pagination links and spans - FORCE ROUND DESIGN - EXCLUDE MENU FOOTER */
.wp-pagenavi a:not(.menu-footer-container a), 
.wp-pagenavi span:not(.menu-footer-container span),
.pagenavi a:not(.menu-footer-container a),
.pagenavi span:not(.menu-footer-container span),
.pagination:not(.menu-footer-container .pagination) a,
.pagination:not(.menu-footer-container .pagination) span,
.page-numbers:not(.menu-footer-container .page-numbers),
.pagination.paginator ul li a,
.pagination.paginator ul li span {
  display: inline-block !important;
  margin: 0 5px;
  padding: 10px 15px;
  min-width: 45px;
  height: 45px;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  border-radius: 50% !important;
  border: 2px solid #000;
  background: #000 !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: bold;
  /* Viền mờ nhẹ với box-shadow */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), 
              0 1px 3px rgba(0, 0, 0, 0.1),
              inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Hover effects - EXCLUDE MENU FOOTER */
.wp-pagenavi a:not(.menu-footer-container a):hover,
.pagenavi a:not(.menu-footer-container a):hover,
.pagination:not(.menu-footer-container .pagination) a:hover,
.page-numbers:not(.menu-footer-container .page-numbers):hover,
.pagination.paginator ul li a:hover {
  background: #DE2600 !important;
  border-color: #DE2600 !important;
  color: #fff !important;
  transform: translateY(-2px);
  /* Viền mờ mạnh hơn khi hover */
  box-shadow: 0 6px 15px rgba(222, 38, 0, 0.4),
              0 3px 6px rgba(0, 0, 0, 0.2),
              inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Current page - EXCLUDE MENU FOOTER */
.wp-pagenavi .current:not(.menu-footer-container .current),
.pagenavi .current:not(.menu-footer-container .current),
.pagination:not(.menu-footer-container .pagination) .current,
.wp-pagenavi .active:not(.menu-footer-container .active),
.pagenavi .active:not(.menu-footer-container .active),
.pagination:not(.menu-footer-container .pagination) .active,
.page-numbers.current:not(.menu-footer-container .page-numbers),
.pagination.paginator ul li .current,
.pagination.paginator ul li span {
  background: #DE2600 !important;
  border-color: #DE2600 !important;
  color: #fff !important;
  cursor: default;
  /* Viền mờ đặc biệt cho trang hiện tại */
  box-shadow: 0 4px 12px rgba(222, 38, 0, 0.5),
              0 2px 4px rgba(0, 0, 0, 0.2),
              inset 0 1px 0 rgba(255, 255, 255, 0.3),
              0 0 0 1px rgba(222, 38, 0, 0.2);
}

/* Previous/Next buttons with FontAwesome icons */
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.pagenavi .prev,
.pagenavi .next,
.pagination .prev,
.pagination .next,
.page-numbers.prev,
.page-numbers.next {
  min-width: 45px;
  width: 45px;
  height: 45px;
  padding: 0;
  position: relative;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  background: #000;
  border: 2px solid #000;
}

/* FontAwesome 7.1.0 pagination icons - sử dụng HTML icons, không cần ::before/::after */
.pagination ul, ul.page-numbers {margin: 0;display: inline-block;vertical-align:  middle;*display: inline;zoom: 1;}
.pagination ul li, ul.page-numbers li {margin: 0;padding: 0;display: inline;text-decoration: none;list-style: none;}
.pagination ul li a, ul.page-numbers li a {text-decoration: none;padding: 2px 5px;border: 1px solid #ccc !important;display: inline-block;*display: inline;zoom: 1;}

/* Hide original text content */
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.pagenavi .prev,
.pagenavi .next,
.pagination .prev,
.pagination .next,
.page-numbers.prev,
.page-numbers.next {
  font-size: 0;
  color: transparent;
}

/* Hide First/Last buttons completely - FORCE HIDE */
.wp-pagenavi .first,
.wp-pagenavi .last,
.pagenavi .first,
.pagenavi .last,
.pagination .first,
.pagination .last,
.pagination ul li .first,
.pagination ul li .last {
  display: none !important;
  visibility: hidden !important;
}

/* Override any existing pagination styles that might conflict - EXCLUDE MENU FOOTER */
.pagination:not(.menu-footer-container .pagination) ul li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

.pagination:not(.menu-footer-container .pagination) ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: inline-block !important;
}

/* Force round design for ALL pagination elements - EXCLUDE MENU FOOTER */
.pagination.paginator ul li a,
.pagination.paginator ul li span {
  border-radius: 50% !important;
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #000 !important;
  display: inline-block !important;
  width: 45px !important;
  height: 45px !important;
  line-height: 21px !important;
  text-align: center !important;
  margin: 0 5px !important;
  padding: 10px 0 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

/* RESTORE MENU FOOTER TO ORIGINAL RECTANGULAR DESIGN */
.menu-footer-container .pagination,
.menu-footer-container .pagination ul,
.menu-footer-container .pagination ul li,
.menu-footer-container .pagination ul li a,
.menu-footer-container .pagination ul li span,
.menu-footer-container a,
.menu-footer-container span {
  all: revert !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  border: none !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  margin: 0 !important;
  padding: 0 5px !important;
  min-width: auto !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

/* Alternative icons for themes using older FontAwesome versions */
.wp-pagenavi .previouspostslink.fa-fallback:before,
.pagenavi .prev.fa-fallback:before,
.pagination .prev.fa-fallback:before {
  content: "\f053"; /* fa-chevron-left */
}

.wp-pagenavi .nextpostslink.fa-fallback:after,
.pagenavi .next.fa-fallback:after,
.pagination .next.fa-fallback:after {
  content: "\f054"; /* fa-chevron-right */
}

/* Dots/Ellipsis */
.wp-pagenavi .extend,
.pagenavi .expand,
.pagination .dots {
  background: transparent !important;
  border: none !important;
  color: #999 !important;
  cursor: default;
  box-shadow: none !important;
}

/* First/Last page buttons */
.wp-pagenavi .first,
.wp-pagenavi .last,
.pagenavi .first,
.pagenavi .last,
.pagination .first,
.pagination .last {
  min-width: 60px;
  padding: 10px 20px;
  background: #f5f5f5;
  border-color: #ccc;
}

.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover,
.pagenavi .first:hover,
.pagenavi .last:hover,
.pagination .first:hover,
.pagination .last:hover {
  background: #333;
  border-color: #333;
  color: #fff;
}

/* Mobile responsive */
@media (max-width: 768px) {
  /* Force pagination to wrap to new lines */
  .wp-pagenavi, 
  .pagenavi,
  .pagination:not(.menu-footer-container .pagination),
  .pagination.paginator,
  .pagination.paginator ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: normal !important;
    line-height: 1.5;
    max-width: 100% !important;
    overflow: visible !important;
  }
  
  .wp-pagenavi a, 
  .wp-pagenavi span,
  .pagenavi a,
  .pagenavi span,
  .pagination a,
  .pagination span,
  .pagination.paginator ul li,
  .pagination.paginator ul li a,
  .pagination.paginator ul li span {
    margin: 3px 2px !important;
    padding: 8px 12px;
    min-width: 35px;
    height: 35px;
    line-height: 19px;
    font-size: 12px;
    display: inline-block;
    flex-shrink: 0 !important;
  }
  
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink,
  .pagenavi .prev,
  .pagenavi .next,
  .pagination .prev,
  .pagination .next,
  .wp-pagenavi .first,
  .wp-pagenavi .last,
  .pagenavi .first,
  .pagenavi .last,
  .pagination .first,
  .pagination .last {
    min-width: 50px;
    padding: 8px 15px;
    margin: 3px 2px !important;
  }
}

@media (max-width: 480px) {
  /* Force compact flexbox layout on very small screens */
  .wp-pagenavi, 
  .pagenavi,
  .pagination:not(.menu-footer-container .pagination),
  .pagination.paginator,
  .pagination.paginator ul {
    margin: 10px 0;
    padding: 10px 5px;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 2px !important;
    max-width: 100% !important;
  }
  
  .wp-pagenavi a, 
  .wp-pagenavi span,
  .pagenavi a,
  .pagenavi span,
  .pagination a,
  .pagination span,
  .pagination.paginator ul li,
  .pagination.paginator ul li a,
  .pagination.paginator ul li span {
    margin: 1px !important;
    padding: 6px 10px;
    min-width: 30px;
    height: 30px;
    line-height: 18px;
    font-size: 11px;
    flex-shrink: 0 !important;
  }
  
  /* Hide first/last on very small screens */
  .wp-pagenavi .first,
  .wp-pagenavi .last,
  .pagenavi .first,
  .pagenavi .last,
  .pagination .first,
  .pagination .last {
    display: none;
  }
}

/* Enhanced link hover effects */
.content a:hover,
.post-content a:hover,
.article-content a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.entry-title a:hover,
.widget a:hover {
    color: #ff0000 !important;
    text-decoration: underline;
}

/* PERFORMERS SECTION STYLING */

.performers-section .post-performers {
    /* display: block; */
    /* font-size: 16px; */
    /* line-height: 1.6; */
    /* font-weight: 500; */
    /* color: #495057; */
    /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; */
}

.performers-section .post-performers a {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white !important;
    text-decoration: none;
    padding: 3px 16px;
    margin: 4px 9px 4px 0;
    border-radius: 11px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    /* border: 2px solid transparent; */
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
}

.performers-section .post-performers a:hover {
    background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
    color: #dc3545 !important;
    border-color: #dc3545;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(220, 53, 69, 0.4);
    text-decoration: none;
}

/* =====================================================
   BEAUTIFUL TAB BUTTONS - DARK THEME WITH RED ACCENTS
   ===================================================== */

/* Enhanced tab button styling with dark theme */
.tabsContainer ul.tabButtons li.headtab {
    position: relative;
    overflow: hidden;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin: 0 8px 0 0;
    border-radius: 15px;
    min-width: 140px;
    justify-content: center;
    background: linear-gradient(145deg, #2a2a2a 0%, #1a1a1a 50%, #0f0f0f 100%);
    border: 2px solid rgba(255,255,255,0.1);
    box-shadow: 0 6px 20px rgba(0,0,0,0.4),
                inset 0 1px 0 rgba(255,255,255,0.1),
                inset 0 -1px 0 rgba(0,0,0,0.3);
}

/* Icon styling within tabs */
.tabsContainer ul.tabButtons li.headtab i {
    transition: all 0.3s ease;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    margin-right: 8px;
    font-size: 18px;
}

/* Hover effects for tabs */
.tabsContainer ul.tabButtons li.headtab:hover i,
.tabsContainer ul.tabButtons li.headtab.selected i {
    transform: scale(1.15);
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.4));
    color: #fff;
}

/* Shimmer effect on hover */
.tabsContainer ul.tabButtons li.headtab:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(220,20,60,0.3), transparent);
    transition: left 0.6s ease;
    z-index: 0;
}

.tabsContainer ul.tabButtons li.headtab:hover:before {
    left: 100%;
}

/* Ensure content stays on top of shimmer effect */
.tabsContainer ul.tabButtons li.headtab > * {
    position: relative;
    z-index: 1;
}

/* Active tab glow effect */
.tabsContainer ul.tabButtons li.headtab.selected:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15%;
    right: 15%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #dc143c, #ff1744, #dc143c, transparent);
    box-shadow: 0 0 15px #dc143c, 0 0 30px rgba(220,20,60,0.3);
    border-radius: 3px;
    animation: tabGlow 2s ease-in-out infinite alternate;
}

/* Glowing animation for active tab */
@keyframes tabGlow {
    from {
        box-shadow: 0 0 15px #dc143c, 0 0 30px rgba(220,20,60,0.3);
    }
    to {
        box-shadow: 0 0 25px #dc143c, 0 0 50px rgba(220,20,60,0.5);
    }
}

/* Enhanced text styling */
.tabsContainer ul.tabButtons li.headtab {
    text-shadow: 0 2px 4px rgba(0,0,0,0.8);
    font-family: 'Arial', 'Helvetica', sans-serif;
}

.tabsContainer ul.tabButtons li.headtab.selected {
    text-shadow: 0 2px 4px rgba(0,0,0,0.9), 0 0 10px rgba(220,20,60,0.3);
}

/* Responsive adjustments for tabs */
@media (max-width: 768px) {
    .tabsContainer ul.tabButtons li.headtab {
        padding: 12px 20px;
        font-size: 13px;
        margin: 0 5px 5px 0;
        min-width: 120px;
        border-radius: 12px;
    }
    
    .tabsContainer ul.tabButtons li.headtab i {
        font-size: 16px;
        margin-right: 6px;
    }
}

@media (max-width: 480px) {
    .tabsContainer ul.tabButtons li.headtab {
        padding: 10px 15px;
        font-size: 12px;
        margin: 0 3px 3px 0;
        min-width: 100px;
        border-radius: 10px;
        flex-direction: column;
        gap: 5px;
    }
    
    .tabsContainer ul.tabButtons li.headtab i {
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 3px;
    }
}

/* Special styling for Description and Performers tabs */
li[data-ref="tabDescription"].headtab,
li[data-ref="tabPerformers"].headtab {
    background: linear-gradient(145deg, #2a2a2a 0%, #1a1a1a 50%, #0f0f0f 100%);
    border: 2px solid rgba(220,20,60,0.2);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

li[data-ref="tabDescription"].headtab:hover,
li[data-ref="tabPerformers"].headtab:hover {
    background: linear-gradient(145deg, #3a3a3a 0%, #2a2a2a 50%, #1a1a1a 100%);
    border-color: rgba(220,20,60,0.5);
    transform: translateY(-3px) scale(1.02);
}

li[data-ref="tabDescription"].headtab.selected,
li[data-ref="tabPerformers"].headtab.selected {
    background: linear-gradient(145deg, #dc143c 0%, #b71c1c 30%, #8b0000 100%);
    border-color: rgba(255,255,255,0.3);
    transform: translateY(-2px);
}

/* Button-like appearance enhancement */
.tabsContainer ul.tabButtons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
    padding: 10px;
    background: linear-gradient(90deg, rgba(15,15,15,0.8) 0%, rgba(26,26,26,0.8) 50%, rgba(15,15,15,0.8) 100%);
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}

/* Left side - tabs container */
.tab-buttons-left {
    display: flex;
    align-items: center;
    gap: 0;
}

/* Video actions positioning - always on the right */
#video-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* Mobile responsive - single line, no wrap */
@media (max-width: 768px) {
    .tabsContainer ul.tabButtons {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: space-between;
        gap: 10px;
    }
    
    .tab-buttons-left {
        display: flex;
        gap: 5px;
        flex-shrink: 0;
    }
    
    .tabsContainer ul.tabButtons li.headtab {
        margin: 0 3px 0 0;
        min-width: 100px;
        flex-shrink: 0;
    }
    
    .tabsContainer ul.tabButtons li.headtab i {
        vertical-align: middle;
        line-height: 1;
        display: inline-flex;
        align-items: center;
    }
    
    #video-actions {
        margin-left: auto;
        flex-shrink: 0;
    }
}

/* Hero Search Component - Optimized CSS */
.hero-search-container{padding:1px 15px;text-align:center;width:100%;box-sizing:border-box;position:relative;z-index:1;display:flex;justify-content:center;align-items:center}
.hero-search-content{width:100%;max-width:800px;margin:0 auto;padding:0 5px}
.hero-title{font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:600;margin-bottom:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.3);line-height:1.2}
.hero-search-box{width:100%;display:flex;justify-content:center;padding:0;margin:0}
.hero-search-box form{width:100%;max-width:100%;background:rgba(255,255,255,0.3);border-radius:35px;display:flex;align-items:center;padding:6px;height:75px;box-sizing:border-box;margin:0;border:none;outline:none;box-shadow:0 4px 20px rgba(0,0,0,0.15);gap:4px}
.hero-search-input{flex:1;border:0;outline:0;font-size:18px!important;padding:16px 20px;color:#fff;background:transparent;font-family:Arial,sans-serif;margin:0;height:100%;box-sizing:border-box;min-width:0}
.hero-search-input::placeholder{color:#fff;font-size:18px}
.hero-search-btn{background:#a01b00;border:none;outline:none;height:calc(100% - 8px);padding:0 16px;font-size:14px;font-weight:600;border-radius:25px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:white;font-family:Arial,sans-serif;transition:background-color 0.3s ease;flex-shrink:0;white-space:nowrap;width:auto;min-width:80px;max-width:120px}
.hero-search-btn:hover{background-color:#e20501;border-radius:30px}
.hero-search-btn i{font-size:16px;font-family:"Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome"!important}
.hero-search-input:focus,.hero-search-btn:focus{outline:none;box-shadow:none;border:none}
.hero-search-btn:active{transform:translateY(1px)}

/* Mobile First Responsive */
@media (max-width:767px) and (min-width:481px){.hero-search-container{padding:1px 12px}.hero-search-box form{height:60px;border-radius:35px;padding:5px;gap:3px}.hero-search-input{font-size:16px;padding:14px 16px}.hero-search-input::placeholder{font-size:16px}.hero-search-btn{font-size:13px;padding:0 12px;border-radius:28px;min-width:60px;max-width:80px;height:calc(100% - 6px)}}

@media (max-width:480px) and (min-width:361px){.hero-search-container{padding:1px 10px}.hero-search-content{padding:0 2px}.hero-search-box form{height:55px;border-radius:30px;padding:4px;gap:2px}.hero-search-input{font-size:15px;padding:12px 14px;min-width:0}.hero-search-input::placeholder{font-size:15px}.hero-search-btn{font-size:12px;padding:0 10px;border-radius:25px;min-width:50px;max-width:65px;height:calc(100% - 6px)}}

@media (max-width:360px) and (min-width:321px){.hero-search-container{padding:1px 8px}.hero-search-content{padding:0 2px}.hero-search-box form{height:50px;border-radius:28px;padding:3px;gap:2px}.hero-search-input{font-size:14px;padding:10px 12px;min-width:0}.hero-search-input::placeholder{font-size:14px}.hero-search-btn{font-size:11px;padding:0 8px;border-radius:22px;min-width:45px;max-width:55px;height:calc(100% - 4px)}}

@media (max-width:320px){.hero-search-container{padding:25px 6px}.hero-search-content{width:100%;padding:0 1px}.hero-title{font-size:22px;margin-bottom:15px}.hero-search-box form{height:45px;border-radius:25px;padding:3px;gap:1px}.hero-search-input{font-size:13px;padding:8px 10px;min-width:0}.hero-search-input::placeholder{font-size:13px}.hero-search-btn{font-size:10px;padding:0 6px;border-radius:20px;min-width:40px;max-width:50px;height:calc(100% - 4px)}.hero-search-btn:hover{background-color:#e20501;border-radius:20px}.hero-search-btn i{font-size:10px}}

@media (min-width:768px){.hero-search-container{padding:40px 30px}.hero-title{font-size:32px;margin-bottom:25px}.hero-search-box form{height:60px;border-radius:40px}.hero-search-input{font-size:20px;padding:18px 28px}.hero-search-input::placeholder{font-size:20px}.hero-search-btn{font-size:18px;padding:0 25px;border-radius:35px;max-width:100px}.hero-search-btn:hover{background-color:#c40000;border-radius:35px}.hero-search-btn i{font-size:18px}}

@media (min-width:1024px){.hero-search-container{padding:50px 40px}.hero-title{font-size:36px;margin-bottom:30px}.hero-search-box form{height:60px;border-radius:40px;max-width:900px}.hero-search-input{font-size:22px;padding:20px 32px}.hero-search-input::placeholder{font-size:22px}.hero-search-btn{font-size:16px;padding:0 30px;border-radius:35px;max-width:120px}.hero-search-btn:hover{background-color:#e20501;border-radius:35px}.hero-search-btn i{font-size:20px}}

/* Custom Theme Color System & Dark Mode */
:root {
    --accent-color: linear-gradient(135deg, #FF0000, #FF6347); /* Gradient đỏ */
    --content-bg: #161616;
    --content-borders: transparent;
    --sidebar-bg: transparent;
    --body-bg: #F0F2F5;
    --accent-text: #FF0000; /* Màu đỏ đậm cho văn bản */
}

/* Base layout elements */
#main, 
#tag_list, 
.tabs .tab, 
.comment-body {
    background: var(--content-bg) !important;
    border-radius: 4px;
}
aside, 
blockquote {
    background: var(--sidebar-bg);
    border-radius: 3px;
}

/* Thumbnail and sidebar elements */
.thumbBlock {
    border-bottom: 1px solid var(--content-borders);
    border-top: 1px solid var(--content-borders);
    transition: transform 0.2s ease;
}
.thumbBlock:hover {
    transform: translateY(-2px);
}
#sidebar ul li a {
    border-bottom: 1px solid var(--content-borders);
    transition: background-color 0.2s ease, padding 0.2s ease;
}
#sidebar ul li a:hover {
    padding-left: 5px;
    background-color: rgba(0, 0, 0, 0.05);
}
#main #sidebar {
    margin-right: 4px;
    float: right;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Accent colored elements */
#x-messages .x-message, 
ul.home-buttons li a .navbadge, 
.dropdown-content a span.navbadge, 
#note-bar,
.note-bar.not-rated-yet {
    background: var(--accent-color);
    border-radius: 3px;
}
::-moz-selection,
#UPB-Standard-Form .UPB-Button-input .UPB-Button:hover,
#UPB-Standard-Form .UPB-Button-input .UPB-Button:active, 
.post-tape li a.current,
input.submit_button,
.ajax-auth p.status { 
    background: var(--accent-color); 
    color: #fff; 
    text-shadow: none; 
}
#lucky-post_btt #lucky-post,
li.lucky-post #lucky-post_btt #lucky-postnotlogged,
.tabsContainer ul.tabButtons li.headtab:hover,
.tabsContainer ul.tabButtons li.headtab.selected,
button:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover, 
a.button:hover, 
.selectSubmitButton:hover,
.post-tape li a, 
.post-tape li a.current {
    color: #fff !important;
    background: var(--accent-color);
    border-radius: 3px;
    transition: opacity 0.2s ease;
}
.post-tape li a:hover, 
button:hover, 
input[type="submit"]:hover {
    opacity: 0.9;
}
::selection {
    background: var(--accent-color); 
    color: #fff; 
    text-shadow: none;
}

/* Text with accent color */
a.icon_mobile:hover, 
.header_mobile_icons a.active,
h2.performer-title, 
.ajax-auth h4, 
.autocomplete-suggestion b, 
.redText, 
a.redText:visited,
.tags_list li.profile_name a, 
.tags_list li.profile_name a:visited, 
.performer-block .model-list p span,
header .header-icons a:hover.user { 
    color: var(--accent-text);
}
.redStripe, 
.inad, 
.account_btn, 
.account_btn:hover {
    background: var(--accent-color); 
    color: #fff;
    border-radius: 3px;
}

/* Form elements */
input#q { 
    background: #000000;
    color: #fff; 
    padding: 8px;
    border-radius: 4px;
    border: none;
}

/* Header and mobile elements */
header a.icon:hover, 
.mobile_filters a:hover, 
.mobile_menu, 
.switch {
    background-color: rgba(0, 0, 0, 0.075); 
    border-color: var(--accent-text);
    transition: background-color 0.2s ease;
}
.ajax-auth h4 {
    border-bottom: 1px dashed var(--accent-text);
    padding-bottom: 8px;
}
ul.mobile_left-menu li a, 
a.video-subscribe-square, 
a.video-subscribe-square:hover, 
.post-performers a {
    background: var(--accent-color) !important; 
    color: #fff !important;
    border-radius: 3px;
    transition: opacity 0.2s ease;
}
ul.mobile_left-menu li a:hover, 
a.video-subscribe-square:hover {
    opacity: 0.9;
}
#UPB-Standard-Form input[type="submit"]:hover,
#UPB-Standard-Form input[type="submit"]:active {
    border-top-color: var(--accent-text);
    background: var(--accent-color) !important;
    border-radius: 4px;
}

/* Video Player Responsive Optimization */
#main #player {
    width: 100%;
}
@media only screen and (min-width:1024px){
    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
      height: 500px !important;
    }
    .embed-responsive-16by9, .fluid_video_wrapper {
        padding-bottom: 39% !important;
        margin-top: 2px !important;
    }
}