/**
 * RetroTube Child - Ultra-Sleek Modern Dark Theme Stylesheet
 * Fluid Edge-to-Edge Canvas (#09090b) with 1600px Content-Contained Architecture
 * Spacious Section Spacing, Top-Right Aligned More Videos Pill, Clean Responsive Grids
 */

:root {
	--c-bg: #09090b;             /* Pure deep black canvas */
	--c-surface-1: #121216;       /* Header, footer, navbar, drawer, panels */
	--c-surface-2: #18181f;       /* Cards, inputs, boxes, pills */
	--c-surface-hover: #22222b;   /* Hover surface */
	--c-border: #272732;          /* Solid high-contrast structural borders */
	--c-border-hover: #ffffff;    /* Pure white hover border */
	--c-border-subtle: #1f1f28;

	--c-white: #ffffff;
	--c-white-hover: #e4e4e7;
	--c-text-primary: #ffffff;
	--c-text-secondary: #a1a1aa;
	--c-text-muted: #71717a;

	--c-radius-sm: 4px;
	--c-radius-md: 6px;
	--c-radius-lg: 8px;
	--c-radius-pill: 9999px;
	--c-transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   1. GLOBAL RESET & FLUID FULL-WIDTH BASE OVERRIDES
   ========================================================================== */
*, *:before, *:after {
	box-sizing: border-box !important;
}

html {
	background-color: var(--c-bg) !important;
	overflow-x: hidden !important;
	width: 100% !important;
}

body, body.custom-background {
	background-color: var(--c-bg) !important;
	background-image: none !important;
	color: var(--c-text-primary) !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.5;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	overflow-x: hidden !important;
	width: 100% !important;
	min-height: 100vh !important;
}

body.mobile-drawer-locked {
	overflow: hidden !important;
	touch-action: none !important;
}

a {
	color: var(--c-text-primary) !important;
	text-decoration: none !important;
	transition: var(--c-transition);
}

a:hover {
	color: var(--c-white) !important;
}



#site-navigation {
    clear: both;
    display: block;
    float: none !important;
    width: 100%;
    height: auto;
    line-height: normal;
}


/* #page spans full width seamlessly */
#page, .site-wrapper {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	overflow: visible !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 100vh !important;
}

/* .site-content wraps main content with generous breathing room */
.site-content,
#content {
	flex: 1 0 auto !important;
	max-width: 1600px !important;
	margin: 0 auto !important;
	padding: 32px 24px 60px 24px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	float: none !important;
}

#primary, #main, .site-main, .content-area {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	text-align: left !important;
	justify-self: anchor-center;
}

/* Hide legacy sidebar and legacy ad blocks */
#sidebar,
.happy-sidebar,
.top-bar,
.breadcrumbs-area,
.happy-header,
.happy-header-mobile,
.happy-footer,
.happy-footer-mobile,
.clear, .clearfix {
	display: none !important;
}

/* ==========================================================================
   Modern Theme Buttons & Form Controls (Replaces legacy parent gradients)
   ========================================================================== */
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.label,
.label:visited {
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	background: #16161c !important;
	color: #ffffff !important;
	border: 1px solid #282834 !important;
	border-radius: 6px !important;
	padding: 8px 16px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.4 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
	box-sizing: border-box !important;
	height: auto !important;
}

.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.label:hover,
.label:focus {
	background: #242430 !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	text-decoration: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.label:active {
	transform: translateY(0) !important;
	background: #1a1a22 !important;
}

/* Primary White Accent Button */
.btn-white-primary,
button.btn-white-primary,
.button.btn-white-primary,
.button-primary,
input[type="submit"].button-primary {
	background: #ffffff !important;
	color: #000000 !important;
	border: 1px solid #ffffff !important;
	font-weight: 800 !important;
}

.btn-white-primary:hover,
.btn-white-primary:focus,
button.btn-white-primary:hover,
.button.btn-white-primary:hover,
.button-primary:hover,
.button-primary:focus,
input[type="submit"].button-primary:hover {
	background: #f0f0f4 !important;
	color: #000000 !important;
	border-color: #ffffff !important;
	transform: translateY(-1px) !important;
}

/* ==========================================================================
   2. FULL-WIDTH HEADER & CENTERED DESKTOP MENU
   ========================================================================== */
.site-header,
#masthead {
	background: var(--c-surface-1) !important;
	border-bottom: 1px solid var(--c-border) !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 1000 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

.header-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 14px 24px !important;
	max-width: 1600px !important;
	margin: 0 auto !important;
	gap: 20px !important;
	width: 100% !important;
}

.site-branding {
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	text-align: left !important;
	margin: 0 !important;
	padding: 0 !important;
}

.site-title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	letter-spacing: -0.5px !important;
	text-transform: uppercase !important;
	text-align: left !important;
	border: none !important;
	background: transparent !important;
	line-height: 1 !important;
}

.site-title a {
	color: var(--c-white) !important;
	text-decoration: none !important;
}

.site-branding .site-logo-image-link {
	display: inline-flex !important;
	align-items: center !important;
	line-height: 0 !important;
	text-decoration: none !important;
	max-height: 58px !important;
}

.site-branding .site-logo-img {
	max-height: 125px !important;
	width: auto !important;
	max-width: 320px !important;
	height: auto !important;
	object-fit: contain !important;
	display: block !important;
	transition: max-height 0.2s ease, max-width 0.2s ease !important;
}

.mobile-drawer-header .mobile-drawer-logo-link {
	display: inline-flex !important;
	align-items: center !important;
	line-height: 0 !important;
	max-height: 44px !important;
}

.mobile-drawer-header .mobile-drawer-logo-img {
	max-height: 38px !important;
	width: auto !important;
	max-width: 200px !important;
	height: auto !important;
	object-fit: contain !important;
	display: block !important;
}

/* Search Bar (Desktop) */
.search-form-header {
	flex: 1 !important;
	max-width: 520px !important;
	margin: 0 auto !important;
}

.search-input-wrap {
	display: flex !important;
	align-items: center !important;
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	overflow: hidden !important;
	transition: var(--c-transition) !important;
}

.search-input-wrap:focus-within {
	border-color: var(--c-white) !important;
}

.search-input-wrap input[type="search"] {
	background: transparent !important;
	border: none !important;
	color: var(--c-white) !important;
	font-size: 14px !important;
	padding: 9px 14px !important;
	width: 100% !important;
	outline: none !important;
	box-shadow: none !important;
	text-align: left !important;
}

.search-input-wrap input::placeholder {
	color: var(--c-text-muted) !important;
}

.search-input-wrap button {
	background: var(--c-white) !important;
	color: #000000 !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 9px 18px !important;
	font-weight: 800 !important;
	font-size: 12px !important;
	cursor: pointer !important;
	transition: var(--c-transition) !important;
	letter-spacing: 0.5px !important;
	text-align: center !important;
}

.search-input-wrap button:hover {
	background: var(--c-white-hover) !important;
}

/* Header Actions & Mobile Triggers */
.header-actions {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.btn-header-action {
	background: var(--c-surface-2) !important;
	color: var(--c-white) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	box-sizing: border-box !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	outline: none !important;
	transition: var(--c-transition) !important;
}

.btn-header-action:hover,
.btn-header-action.is-active {
	background: var(--c-surface-hover) !important;
	border-color: var(--c-white) !important;
}

/* Animated Hamburger Icon - Pixel Perfect Centering */
.hamburger-box {
	width: 20px !important;
	height: 14px !important;
	display: block !important;
	position: relative !important;
	margin: 0 auto !important;
	padding: 0 !important;
	line-height: 0 !important;
	box-sizing: border-box !important;
}

.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 20px !important;
	height: 2px !important;
	background-color: var(--c-white) !important;
	border-radius: 2px !important;
	position: absolute !important;
	left: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.hamburger-inner {
	top: 6px !important;
	margin-top: 0 !important;
}

.hamburger-inner:before,
.hamburger-inner::before {
	content: "" !important;
	top: -6px !important;
}

.hamburger-inner:after,
.hamburger-inner::after {
	content: "" !important;
	top: 6px !important;
	bottom: auto !important;
}

.mobile-menu-toggle.is-active .hamburger-inner {
	transform: rotate(45deg) !important;
}

.mobile-menu-toggle.is-active .hamburger-inner:before,
.mobile-menu-toggle.is-active .hamburger-inner::before {
	opacity: 0 !important;
}

.mobile-menu-toggle.is-active .hamburger-inner:after,
.mobile-menu-toggle.is-active .hamburger-inner::after {
	transform: rotate(-90deg) translate(6px, 0) !important;
}

/* Mobile Search Dropdown Bar */
.mobile-search-bar-dropdown {
	display: none;
	padding: 10px 16px 14px 16px !important;
	background: var(--c-surface-1) !important;
	border-top: 1px solid var(--c-border) !important;
}

.mobile-search-bar-dropdown.is-active {
	display: block !important;
}

.mobile-search-bar-dropdown form {
	display: flex !important;
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	overflow: hidden !important;
}

.mobile-search-bar-dropdown input[type="search"] {
	flex: 1 !important;
	background: transparent !important;
	border: none !important;
	color: var(--c-white) !important;
	padding: 10px 14px !important;
	font-size: 14px !important;
	outline: none !important;
	text-align: left !important;
}

.mobile-search-bar-dropdown button {
	background: var(--c-white) !important;
	color: #000000 !important;
	border: none !important;
	padding: 10px 16px !important;
	font-weight: 700 !important;
	font-size: 12px !important;
	cursor: pointer !important;
}

/* Desktop Horizontal Navigation Bar */
.main-navigation.desktop-only {
	background: var(--c-surface-1) !important;
	border-top: 1px solid var(--c-border) !important;
	padding: 8px 24px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	text-align: center !important;
}

.main-navigation .main-menu-row {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	list-style: none !important;
	max-width: 1600px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: center !important;
}

.main-navigation .main-menu-row li {
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	text-align: center !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.main-navigation .main-menu-row a {
	color: var(--c-text-secondary) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 7px 16px !important;
	border-radius: var(--c-radius-md) !important;
	background: transparent !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1px solid transparent !important;
	transition: var(--c-transition) !important;
	text-align: center !important;
}

.main-navigation .main-menu-row a:hover,
.main-navigation .main-menu-row .current-menu-item > a {
	color: var(--c-white) !important;
	background: var(--c-surface-2) !important;
	border-color: var(--c-border) !important;
}

/* Explicit Responsive Display Rules (Unified Breakpoint: 992px Desktop / <= 991.98px Mobile & Tablet) */
@media (min-width: 992px) {
	.mobile-only,
	.mobile-search-toggle,
	.mobile-menu-toggle,
	.mobile-search-bar-dropdown,
	.mobile-nav-drawer,
	.mobile-drawer-overlay,
	.mobile-bottom-bar,
	.header-actions.mobile-only {
		display: none !important;
	}
	.desktop-only,
	#site-navigation.desktop-only {
		display: block !important;
	}
}

@media (max-width: 991.98px) {
	.desktop-only,
	#site-navigation.desktop-only,
	#site-navigation,
	.main-navigation,
	.main-menu-row,
	#menu-main-menu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		max-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
		float: none !important;
		position: static !important;
		border: none !important;
	}
	.mobile-only,
	.mobile-search-toggle,
	.mobile-menu-toggle {
		display: flex !important;
	}
	.mobile-search-bar-dropdown {
		display: none;
	}
	.mobile-search-bar-dropdown.is-active {
		display: block !important;
	}
	.site-content,
	#content {
		padding: 20px 16px 74px 16px !important;
	}
}

/* ==========================================================================
   3. OFF-CANVAS MOBILE DRAWER & BACKDROP OVERLAY
   ========================================================================== */
.mobile-drawer-overlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: rgba(0, 0, 0, 0.8) !important;
	backdrop-filter: blur(4px) !important;
	z-index: 9998 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity 0.3s ease !important;
}

.mobile-drawer-overlay.is-visible {
	opacity: 1 !important;
	pointer-events: auto !important;
}

.mobile-nav-drawer {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 280px !important;
	max-width: 82vw !important;
	height: 100vh !important;
	background: var(--c-surface-1) !important;
	border-right: 1px solid var(--c-border) !important;
	z-index: 9999 !important;
	display: flex !important;
	flex-direction: column !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
	transform: translateX(-100%) !important;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-shadow: 4px 0 24px rgba(0, 0, 0, 0.8) !important;
}

.mobile-nav-drawer.is-open {
	transform: translateX(0) !important;
}

.mobile-drawer-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 16px !important;
	border-bottom: 1px solid var(--c-border) !important;
}

.mobile-drawer-title {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: var(--c-white) !important;
	text-transform: uppercase !important;
	letter-spacing: -0.5px !important;
}

.btn-drawer-close {
	background: var(--c-surface-2) !important;
	color: var(--c-text-secondary) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-sm) !important;
	width: 34px !important;
	height: 34px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	padding: 0 !important;
}

.btn-drawer-close:hover {
	color: var(--c-white) !important;
	border-color: var(--c-white) !important;
}

.mobile-drawer-search {
	padding: 14px 16px !important;
	border-bottom: 1px solid var(--c-border) !important;
}

.mobile-drawer-search form {
	display: flex !important;
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	overflow: hidden !important;
}

.mobile-drawer-search input {
	flex: 1 !important;
	background: transparent !important;
	border: none !important;
	color: var(--c-white) !important;
	padding: 8px 12px !important;
	font-size: 13px !important;
	outline: none !important;
	text-align: left !important;
}

.mobile-drawer-search button {
	background: transparent !important;
	border: none !important;
	color: var(--c-text-muted) !important;
	padding: 8px 12px !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
}

.mobile-drawer-nav {
	flex: 1 !important;
	padding: 8px 0 !important;
}

.mobile-menu-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.mobile-menu-list li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid var(--c-border-subtle) !important;
	position: relative !important;
	text-align: left !important;
}

.mobile-menu-list a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 13px 16px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--c-text-secondary) !important;
	transition: var(--c-transition) !important;
	text-align: left !important;
}

.mobile-menu-list a:hover,
.mobile-menu-list .current-menu-item > a {
	color: var(--c-white) !important;
	background: var(--c-surface-2) !important;
}

.submenu-arrow-toggle {
	position: absolute !important;
	right: 12px !important;
	top: 10px !important;
	background: var(--c-surface-2) !important;
	color: var(--c-text-secondary) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-sm) !important;
	width: 28px !important;
	height: 28px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
}

.submenu-arrow-toggle.is-expanded svg {
	transform: rotate(180deg) !important;
}

.mobile-menu-list .sub-menu {
	display: none;
	background: #0d0d10 !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mobile-menu-list .sub-menu a {
	padding-left: 32px !important;
	font-size: 13px !important;
}

/* ==========================================================================
   4. APP-STYLE MOBILE BOTTOM NAVIGATION BAR
   ========================================================================== */
.mobile-bottom-bar {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 56px !important;
	background: rgba(18, 18, 22, 0.97) !important;
	backdrop-filter: blur(16px) !important;
	border-top: 1px solid var(--c-border) !important;
	z-index: 9990 !important;
	display: none !important;
	align-items: center !important;
	justify-content: space-around !important;
	padding: 0 8px !important;
}

.mobile-bottom-tab {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 3px !important;
	height: 100% !important;
	color: var(--c-text-muted) !important;
	background: transparent !important;
	border: none !important;
	cursor: pointer !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	padding: 0 !important;
	text-decoration: none !important;
	transition: var(--c-transition) !important;
	text-align: center !important;
}

.mobile-bottom-tab svg {
	stroke: var(--c-text-muted) !important;
	transition: var(--c-transition) !important;
}

.mobile-bottom-tab:hover,
.mobile-bottom-tab.active {
	color: var(--c-white) !important;
}

.mobile-bottom-tab:hover svg,
.mobile-bottom-tab.active svg {
	stroke: var(--c-white) !important;
}

/* ==========================================================================
   5. SPATIOUS WIDGET SECTIONS & TOP-RIGHT ALIGNED MORE VIDEOS BUTTON
   ========================================================================== */
.widget,
.widget_videos_block,
.widget_videos_listings,
.widget-area .widget,
.content-area .widget {
	position: relative !important;
	margin: 0 0 52px 0 !important;  /* Generous 52px vertical gap between sections */
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	float: none !important;
	width: 100% !important;
	clear: both !important;
	text-align: left !important;
	display: block !important;
}

/* Clean, modern section title */
.widget_videos_block .widget-title,
.widget-title,
.page-title,
.archive-title,
.page-main-title {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
	margin: 0 0 24px 0 !important;
	padding: 0 0 12px 0 !important;
	border-bottom: 1px solid var(--c-border) !important;
	border-left: none !important;
	border-top: none !important;
	border-right: none !important;
	background: transparent !important;
	box-shadow: none !important;
	letter-spacing: -0.3px !important;
	text-align: left !important;
	float: none !important;
	width: 100% !important;
	line-height: 1.3 !important;
	display: block !important;
}

/* Top-right positioned More Videos pill button (Aligns directly with widget title) */
.widget_videos_block .more-videos,
.more-videos,
.more-videos.label,
.more-videos-pill {
	position: absolute !important;
	top: -2px !important;
	right: 0 !important;
	float: none !important;
	background: var(--c-surface-2) !important;
	color: var(--c-white) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-pill) !important;
	padding: 6px 14px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	text-decoration: none !important;
	transition: var(--c-transition) !important;
	box-shadow: none !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	z-index: 10 !important;
}

.widget_videos_block .more-videos:hover,
.more-videos:hover,
.more-videos.label:hover,
.more-videos-pill:hover {
	background: var(--c-white) !important;
	color: #000000 !important;
	border-color: var(--c-white) !important;
}

.widget_videos_block .more-videos i,
.more-videos i,
.more-videos-pill svg {
	color: inherit !important;
	stroke: currentColor !important;
	margin: 0 !important;
	font-size: 11px !important;
}

/* Spacious Videos List CSS Grid */
#main .widget_videos_block .videos-list,
#primary .widget_videos_block .videos-list,
.widget_videos_block .videos-list,
.videos-list {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
	gap: 24px 20px !important; /* 24px vertical row gap, 20px column gap */
	float: none !important;
	width: 100% !important;
	margin: 0 0 36px 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	clear: both !important;
}

/* ==========================================================================
   6. INTERACTIVE #FILTERS DROPDOWN
   ========================================================================== */
.page-header {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 24px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid var(--c-border) !important;
	min-height: 44px !important;
	overflow: visible !important;
}

.page-header .widget-title,
.page-header .page-title {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
	width: auto !important;
}

#filters {
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 1000 !important;
	margin: 0 !important;
	overflow: visible !important;
}

#filters .filters-select {
	background: var(--c-surface-2) !important;
	color: var(--c-white) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-pill) !important;
	padding: 6px 14px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	cursor: pointer !important;
	transition: var(--c-transition) !important;
	box-shadow: none !important;
	line-height: 1.4 !important;
	height: auto !important;
	text-align: center !important;
	position: relative !important;
	user-select: none !important;
}

#filters .filters-select:hover,
#filters .filters-select.is-active {
	background: var(--c-white) !important;
	color: #000000 !important;
	border-color: var(--c-white) !important;
}

#filters .filters-select:after {
	content: "" !important;
	display: inline-block !important;
	width: 5px !important;
	height: 5px !important;
	border-right: 2px solid currentColor !important;
	border-bottom: 2px solid currentColor !important;
	transform: rotate(45deg) !important;
	margin-left: 6px !important;
	margin-top: -3px !important;
	font-family: inherit !important;
	transition: transform 0.2s ease !important;
}

#filters .filters-select.is-active:after {
	transform: rotate(-135deg) !important;
	margin-top: 1px !important;
}

/* Hover bridge between button and dropdown */
#filters .filters-select::before {
	content: "" !important;
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: 0 !important;
	height: 8px !important;
	display: block !important;
}

#filters .filters-options {
	display: none;
	position: absolute !important;
	right: 0 !important;
	top: calc(100% + 4px) !important;
	background: var(--c-surface-1) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	padding: 6px 0 !important;
	min-width: 180px !important;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.9) !important;
	z-index: 999999 !important;
	height: auto !important;
	flex-direction: column !important;
}

/* Display on hover OR when is-open / is-active class is active */
#filters:hover .filters-options,
#filters .filters-select:hover .filters-options,
#filters .filters-options:hover,
#filters .filters-options.is-open {
	display: flex !important;
}

#filters .filters-options span {
	width: 100% !important;
	text-align: left !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

#filters .filters-options span a {
	display: block !important;
	padding: 9px 16px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--c-text-secondary) !important;
	transition: var(--c-transition) !important;
	text-align: left !important;
	text-transform: none !important;
	border: none !important;
	background: transparent !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	position: relative !important;
	z-index: 20 !important;
}

#filters .filters-options span a:hover,
#filters .filters-options span a.active {
	background: var(--c-surface-2) !important;
	color: var(--c-white) !important;
}

/* ==========================================================================
   7. DEFEAT ALL LEGACY 20%/25% MEDIA QUERY WIDTH OVERRIDES
   ========================================================================== */
html body #page #main .thumb-block,
html body #page #primary .thumb-block,
html body #main .thumb-block,
html body #primary .thumb-block,
html body .thumb-block,
html body .loop-video,
html body .modern-video-card,
html body .videos-list .thumb-block,
html body .widget_videos_block .thumb-block {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	transition: var(--c-transition) !important;
	box-shadow: none !important;
	position: relative !important;
	text-align: left !important;
}

@media only screen and (min-width: 64.001em) and (max-width: 84em) {
	html body #page #main .thumb-block,
	html body #page #primary .thumb-block,
	html body #main .thumb-block,
	html body #primary .thumb-block,
	html body .thumb-block,
	html body .loop-video,
	html body .modern-video-card,
	html body .videos-list .thumb-block,
	html body .widget_videos_block .thumb-block {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		float: none !important;
		margin: 0 !important;
	}
}

@media only screen and (min-width: 84.001em) {
	html body #page #main .thumb-block,
	html body #page #primary .thumb-block,
	html body #main .thumb-block,
	html body #primary .thumb-block,
	html body .thumb-block,
	html body .loop-video,
	html body .modern-video-card,
	html body .videos-list .thumb-block,
	html body .widget_videos_block .thumb-block {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		float: none !important;
		margin: 0 !important;
	}
}

.modern-video-card:hover,
.videos-list .loop-video:hover,
.widget_videos_block .thumb-block:hover {
	border-color: var(--c-white) !important;
	transform: translateY(-2px) !important;
}

.card-thumb-link {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	line-height: 0 !important;
}

.post-thumbnail,
.thumb-block .post-thumbnail {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 16 / 9 !important;
	background: #000000 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	height: auto !important;
	display: block !important;
}

/* Uniform cards: portrait videos are center-cropped into the same 16:9 frame
   via object-fit: cover — no special card sizing for is-portrait-card. */

.video-main-thumb,
.post-thumbnail img,
.thumb-block .post-thumbnail img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	position: static !important;
	transition: transform 0.3s ease !important;
}

.modern-video-card:hover .video-main-thumb,
.thumb-block:hover .post-thumbnail img {
	transform: scale(1.03) !important;
}

.post-thumbnail video.video-trailer-preview,
.compact-thumb-wrap video.video-trailer-preview {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	z-index: 4 !important;
	opacity: 0 !important;
	transition: opacity 0.2s ease !important;
	pointer-events: none !important;
	border-radius: inherit !important;
}

.modern-video-card.is-hovered .post-thumbnail video.video-trailer-preview,
.loop-video.is-hovered .post-thumbnail video.video-trailer-preview,
.compact-video-card.is-hovered .compact-thumb-wrap video.video-trailer-preview,
.compact-video-card.is-hovered .post-thumbnail video.video-trailer-preview {
	opacity: 1 !important;
}

.no-thumb-placeholder {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #111115 !important;
	color: var(--c-text-muted) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

/* Card Badges */
.badge-hd,
span.hd-video {
	position: absolute !important;
	top: 8px !important;
	right: 8px !important;
	background: var(--c-white) !important;
	color: #000000 !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	padding: 2px 6px !important;
	border-radius: var(--c-radius-sm) !important;
	line-height: 1 !important;
	z-index: 5 !important;
}

.badge-duration,
span.duration {
	position: absolute !important;
	bottom: 8px !important;
	right: 8px !important;
	background: rgba(0, 0, 0, 0.88) !important;
	color: var(--c-white) !important;
	border: 1px solid var(--c-border) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	padding: 3px 7px !important;
	border-radius: var(--c-radius-sm) !important;
	z-index: 5 !important;
}

/* Views — top left corner */
.badge-views,
span.views {
	position: absolute !important;
	top: 8px !important;
	left: 8px !important;
	background: rgba(0, 0, 0, 0.88) !important;
	color: var(--c-text-secondary) !important;
	border: 1px solid var(--c-border) !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	padding: 3px 7px !important;
	border-radius: var(--c-radius-sm) !important;
	z-index: 5 !important;
	white-space: nowrap !important;
}

.card-body {
	padding: 12px 14px 14px !important;
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
	justify-content: space-between !important;
	background: var(--c-surface-2) !important;
	text-align: left !important;
}

.video-title {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--c-white) !important;
	margin: 0 0 10px 0 !important;
	line-height: 1.4 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-align: left !important;
}

.title-link:hover .video-title {
	text-decoration: underline !important;
}

.card-footer-meta {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	font-size: 12px !important;
	color: var(--c-text-muted) !important;
	margin-top: auto !important;
	text-align: left !important;
}

.model-badge-link {
	color: var(--c-white) !important;
	background: var(--c-surface-1) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-sm) !important;
	padding: 2px 8px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
}

.model-badge-link:hover {
	border-color: var(--c-white) !important;
	background: var(--c-surface-hover) !important;
}

.publish-time {
	color: var(--c-text-muted) !important;
	font-size: 11px !important;
}

/* ==========================================================================
   8. YOUTUBE-STYLE 2-COLUMN WATCH PAGE LAYOUT (single.php)
   ========================================================================== */
.single-video-page-wrapper {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.single-video-grid-container {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 400px !important;
	gap: 28px !important;
	width: 100% !important;
	align-items: start !important;
	text-align: left !important;
}

.single-video-main-column {
	min-width: 0 !important;
	width: 100% !important;
	text-align: left !important;
}

.single-video-sidebar-column {
	width: 100% !important;
	text-align: left !important;
}

/* Single Video Player Container */
.single-post-video-container {
	background: var(--c-surface-1) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	overflow: hidden !important;
	margin-bottom: 28px !important;
	text-align: left !important;
	display: flex !important;
	flex-direction: column !important;
	position: relative !important;
}

.single-post-video-player-wrapper {
	background: #000000 !important;
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	aspect-ratio: 16 / 9 !important;
	max-height: 80vh !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.single-post-video-player-wrapper .video-player,
.single-post-video-player-wrapper .video-js,
.single-post-video-player-wrapper iframe,
.single-post-video-player-wrapper video {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	margin: 0 !important;
	display: block !important;
}

/* ==========================================================================
   VIDEO.JS MODERN DARK THEME RESKIN
   ========================================================================== */
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
	padding-top: 0 !important;
	height: 100% !important;
	width: 100% !important;
}

.video-js .vjs-tech {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}

/* Big Central Play Button: Crisp Solid White Circle + Pure Black Play Icon */
.video-js .vjs-big-play-button,
.vjs-modern-skin .vjs-big-play-button {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 76px !important;
	height: 76px !important;
	line-height: 76px !important;
	border-radius: 50% !important;
	background-color: #ffffff !important;
	border: none !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.9) !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease !important;
	z-index: 20 !important;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:hover,
.video-js .vjs-big-play-button:focus {
	transform: translate(-50%, -50%) scale(1.1) !important;
	background-color: #ffffff !important;
	border: none !important;
	box-shadow: 0 12px 40px rgba(255, 255, 255, 0.4), 0 0 0 2px #ffffff !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	color: #000000 !important;
	font-size: 38px !important;
	line-height: 76px !important;
	height: 76px !important;
	width: 76px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	position: static !important;
	margin-left: 4px !important; /* Optical triangle centering */
}

/* Disappear immediately when video starts playing or toggles to play */
.video-js.vjs-has-started .vjs-big-play-button,
.video-js.vjs-playing .vjs-big-play-button {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Control Bar: Modern Dark Frosted Glass */
.video-js .vjs-control-bar {
	background: linear-gradient(to top, rgba(10, 10, 14, 0.96) 0%, rgba(10, 10, 14, 0.75) 60%, transparent 100%) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	height: 48px !important;
	padding: 0 8px !important;
	display: flex !important;
	align-items: center !important;
	z-index: 10 !important;
}

/* Reset all Video.js Player Buttons to pristine player styling */
.video-js button,
.video-js .vjs-button,
.video-js .vjs-control,
.video-js .vjs-control-bar button,
.video-js .vjs-menu-button,
.video-js .vjs-menu-item,
.video-js .vjs-close-button {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	transform: none !important;
	color: #ffffff !important;
	min-width: 0 !important;
	font-weight: normal !important;
}

/* Hide LIVE button completely */
.video-js .vjs-live-control,
.video-js .vjs-seek-to-live-control,
.video-js .vjs-live-display,
.vjs-live-control,
.vjs-seek-to-live-control,
.vjs-live-display {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.video-js .vjs-button {
	width: 38px !important;
	height: 48px !important;
	cursor: pointer !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

.video-js .vjs-button > .vjs-icon-placeholder:before {
	color: #ffffff !important;
	font-size: 19px !important;
	line-height: 48px !important;
	transition: var(--c-transition) !important;
}

.video-js .vjs-button:hover > .vjs-icon-placeholder:before {
	color: #ffffff !important;
	transform: scale(1.15) !important;
}

/* Progress Bar / Scrubber */
.video-js .vjs-progress-control {
	flex: 1 !important;
	margin: 0 10px !important;
	height: auto !important;
	display: flex !important;
	align-items: center !important;
}

.video-js .vjs-progress-control .vjs-progress-holder {
	height: 4px !important;
	margin: 0 !important;
	background-color: rgba(255, 255, 255, 0.25) !important;
	border-radius: 2px !important;
	transition: height 0.15s ease !important;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
	height: 7px !important;
}

.video-js .vjs-play-progress {
	background-color: #ff3565 !important;
	border-radius: 2px !important;
}

.video-js .vjs-play-progress:before {
	color: #ffffff !important;
	font-size: 13px !important;
	top: -4px !important;
	transition: transform 0.15s ease !important;
}

.video-js .vjs-load-progress {
	background-color: rgba(255, 255, 255, 0.4) !important;
	border-radius: 2px !important;
}

.video-js .vjs-load-progress div {
	background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Time Displays */
.video-js .vjs-time-control {
	font-family: var(--font-body) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	line-height: 48px !important;
	padding: 0 3px !important;
	min-width: auto !important;
}

.video-js .vjs-time-divider {
	color: var(--c-text-muted) !important;
	padding: 0 2px !important;
}

/* Volume Panel: Perfectly Centered & Aligned with Icon */
.video-js .vjs-volume-panel {
	display: flex !important;
	align-items: center !important;
	height: 48px !important;
	margin-right: 6px !important;
	transition: width 0.2s ease !important;
}

.video-js .vjs-volume-panel .vjs-mute-control {
	width: 36px !important;
	height: 48px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
}

.video-js .vjs-volume-panel .vjs-volume-control {
	height: 48px !important;
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 4px !important;
	position: relative !important;
	top: 0 !important;
}

.video-js .vjs-volume-bar.vjs-slider-horizontal {
	height: 4px !important;
	width: 5em !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	background-color: rgba(255, 255, 255, 0.25) !important;
	border-radius: 2px !important;
	position: relative !important;
	top: 0 !important;
}

.video-js .vjs-volume-level {
	height: 100% !important;
	background-color: #ffffff !important;
	border-radius: 2px !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

/* Playback Rate (Speed Button) Text Centering & Styling */
div.video-js div.vjs-playback-rate {
	width: 44px !important;
	height: 48px !important;
	display: block !important;
	position: relative !important;
	padding: 0 !important;
	margin: 0 2px !important;
	cursor: pointer !important;
}

div.video-js div.vjs-playback-rate > button {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	z-index: 2 !important;
	display: block !important;
}

div.video-js div.vjs-playback-rate > button .vjs-icon-placeholder,
div.video-js div.vjs-playback-rate > button .vjs-icon-placeholder:before {
	display: none !important;
	content: none !important;
}

div.video-js div.vjs-playback-rate .vjs-playback-rate-value {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 48px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	font-family: var(--font-body) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	pointer-events: none !important;
	z-index: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	transition: transform 0.15s ease, color 0.15s ease !important;
}

div.video-js div.vjs-playback-rate:hover .vjs-playback-rate-value {
	transform: scale(1.15) !important;
	color: #ffffff !important;
}

/* Menus & Quality / Speed Selector Popups with Zero Hover Gap */
.video-js .vjs-menu-button-popup .vjs-menu {
	position: absolute !important;
	bottom: 100% !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin-bottom: 0 !important;
	padding-bottom: 10px !important; /* Continuous hover bridge */
	width: auto !important;
	height: auto !important;
	z-index: 100 !important;
}

.video-js .vjs-menu-content {
	background-color: #181820 !important;
	border: 1px solid var(--c-border) !important;
	border-radius: 10px !important;
	padding: 6px 0 !important;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.9) !important;
	overflow: hidden !important;
	min-width: 80px !important;
	max-height: 220px !important;
	margin: 0 !important;
}

.video-js .vjs-menu-item {
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 7px 16px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.3px !important;
	text-align: center !important;
	cursor: pointer !important;
	transition: var(--c-transition) !important;
}

.video-js .vjs-menu-item:hover,
.video-js .vjs-menu-item:focus {
	background-color: rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
}

.video-js .vjs-menu-item.vjs-selected {
	background-color: #ff3565 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}

/* Autonomous Floating Mini Player */
.single-post-video-player-wrapper.is-floating-mini-player {
	position: fixed !important;
	bottom: 24px !important;
	right: 24px !important;
	width: 380px !important;
	height: 214px !important;
	max-width: calc(100vw - 32px) !important;
	max-height: calc(100vh - 120px) !important;
	z-index: 2147483647 !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
	background: #000000 !important;
	animation: miniPlayerDockIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@keyframes miniPlayerDockIn {
	from {
		opacity: 0;
		transform: translateY(24px) scale(0.92);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.mini-player-floating-close {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	z-index: 1000 !important;
	background: rgba(0, 0, 0, 0.8) !important;
	color: #ffffff !important;
	border-radius: 50% !important;
	width: 30px !important;
	height: 30px !important;
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	transition: var(--c-transition) !important;
}

.is-floating-mini-player .mini-player-floating-close {
	display: flex !important;
}

.mini-player-floating-close:hover {
	background: #ffffff !important;
	color: #000000 !important;
}

.mini-player-floating-close:hover svg {
	stroke: #000000 !important;
}

@media (max-width: 768px) {
	.single-post-video-player-wrapper.is-floating-mini-player {
		bottom: 74px !important;
		right: 12px !important;
		width: 240px !important;
		height: 135px !important;
	}
	.video-js .vjs-big-play-button {
		width: 60px !important;
		height: 60px !important;
		line-height: 60px !important;
	}
	.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
		font-size: 28px !important;
		line-height: 60px !important;
		height: 60px !important;
		width: 60px !important;
	}
}

/* Action Bar */
.video-action-bar {
	padding: 16px 20px !important;
	border-bottom: 1px solid var(--c-border) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	flex-wrap: wrap !important;
	text-align: left !important;
	position: relative !important;
	z-index: 10 !important;
	background: var(--c-surface-1) !important;
	width: 100% !important;
	box-sizing: border-box !important;
	clear: both !important;
}

.video-main-heading {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
	margin: 0 !important;
	letter-spacing: -0.3px !important;
	flex: 1 !important;
	min-width: 240px !important;
	text-align: left !important;
}

.video-action-buttons {
	display: flex !important;
	gap: 8px !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}

/* Like & Dislike Action Buttons */
.video-like-actions {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
}

.video-like-actions .post-like {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	color: inherit !important;
	float: none !important;
}

.video-like-actions .post-like a {
	background: var(--c-surface-2) !important;
	color: var(--c-white) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	padding: 7px 14px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: var(--c-transition) !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	position: relative !important;
	float: none !important;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	line-height: 1.4 !important;
}

.video-like-actions .post-like a:hover {
	background: var(--c-surface-hover) !important;
	border-color: var(--c-white) !important;
	color: var(--c-white) !important;
}

.video-like-actions .post-like .like,
.video-like-actions .post-like .dislike,
.video-like-actions .post-like #more,
.video-like-actions .post-like #less {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	float: none !important;
	color: inherit !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.video-like-actions .post-like i,
.video-like-actions .post-like .fa-thumbs-up,
.video-like-actions .post-like .fa-thumbs-down {
	font-size: 14px !important;
	color: inherit !important;
	margin: 0 !important;
	position: static !important;
	float: none !important;
	display: inline-block !important;
}

.video-like-actions .post-like .grey-link {
	color: inherit !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.action-pill-btn {
	background: var(--c-surface-2) !important;
	color: var(--c-white) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	padding: 7px 14px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: var(--c-transition) !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	line-height: 1.4 !important;
}

.action-pill-btn:hover {
	background: var(--c-surface-hover) !important;
	border-color: var(--c-white) !important;
}

.action-pill-btn.btn-white-primary {
	background: var(--c-white) !important;
	color: #000000 !important;
	border-color: var(--c-white) !important;
	font-weight: 700 !important;
}

.action-pill-btn.btn-white-primary:hover {
	background: var(--c-white-hover) !important;
}

.action-pill-btn.btn-theater-toggle.is-active,
.is-theater-active .btn-theater-toggle {
	background: var(--c-white) !important;
	color: #000000 !important;
	border-color: var(--c-white) !important;
}

/* Floating Exit Button in Theater Mode */
.btn-theater-floating-exit {
	position: absolute !important;
	top: 16px !important;
	right: 16px !important;
	z-index: 99999 !important;
	background: rgba(0, 0, 0, 0.85) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	color: var(--c-white) !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: var(--c-radius-pill) !important;
	padding: 8px 16px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	transition: var(--c-transition) !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.6) !important;
}

.btn-theater-floating-exit:hover {
	background: var(--c-white) !important;
	color: #000000 !important;
	border-color: var(--c-white) !important;
	transform: translateY(-1px) !important;
}

/* Creator Profile Box */
.video-creator-box {
	padding: 14px 20px !important;
	border-bottom: 1px solid var(--c-border) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: var(--c-surface-2) !important;
	text-align: left !important;
}

.video-creator-info {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	text-align: left !important;
}

.creator-avatar {
	width: 44px !important;
	height: 44px !important;
	border-radius: var(--c-radius-pill) !important;
	border: 1px solid var(--c-border) !important;
	background: var(--c-surface-1) !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
}

.creator-avatar img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.creator-details {
	text-align: left !important;
}

.creator-details h4 {
	margin: 0 0 2px 0 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-align: left !important;
}

.creator-details h4 a {
	color: var(--c-white) !important;
}

.creator-subtext {
	font-size: 12px !important;
	color: var(--c-text-muted) !important;
	text-align: left !important;
}

/* Tags & Metadata */
.video-tags-container {
	padding: 12px 20px !important;
	display: flex !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	text-align: left !important;
}

.tag-pill {
	background: var(--c-surface-2) !important;
	color: var(--c-text-secondary) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-sm) !important;
	padding: 4px 10px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: var(--c-transition) !important;
}

.tag-pill:hover {
	border-color: var(--c-white) !important;
	color: var(--c-white) !important;
}

.video-description-content {
	padding: 16px 20px !important;
	border-top: 1px solid var(--c-border) !important;
	color: var(--c-text-secondary) !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	text-align: left !important;
}

/* ==========================================================================
   MODERN DARK COMMENTS SECTION
   ========================================================================== */
.comments-area,
#comments {
	padding: 24px 20px !important;
	border-top: 1px solid var(--c-border) !important;
	background: transparent !important;
	margin: 0 !important;
	clear: both !important;
	text-align: left !important;
}

.comments-title {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
	margin: 0 0 20px 0 !important;
	padding: 0 0 10px 0 !important;
	border-bottom: 1px solid var(--c-border) !important;
	letter-spacing: -0.3px !important;
	text-align: left !important;
}

.comment-list,
ol.comment-list {
	list-style: none !important;
	margin: 0 0 24px 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	text-align: left !important;
}

.comment-list li.comment,
.comment-list .comment-body {
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	padding: 16px 18px !important;
	margin: 0 !important;
	list-style: none !important;
	color: var(--c-text-primary) !important;
	transition: var(--c-transition) !important;
	text-align: left !important;
}

.comment-list li.comment:hover {
	border-color: #3f3f4e !important;
}

.comment-meta,
.comment-body .comment-meta {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 10px !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

.comment-author,
.comment-body .comment-author {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	color: var(--c-white) !important;
}

.comment-author img.avatar {
	width: 38px !important;
	height: 38px !important;
	border-radius: var(--c-radius-pill) !important;
	border: 1px solid var(--c-border) !important;
	object-fit: cover !important;
	margin: 0 !important;
	display: block !important;
}

.comment-author .fn {
	font-weight: 700 !important;
	color: var(--c-white) !important;
	font-style: normal !important;
}

.comment-author .fn a {
	color: var(--c-white) !important;
}

.comment-metadata,
.comment-awaiting-moderation {
	font-size: 12px !important;
	color: var(--c-text-muted) !important;
	margin: 0 !important;
}

.comment-metadata a {
	color: var(--c-text-muted) !important;
}

.comment-metadata a:hover {
	color: var(--c-white) !important;
}

.comment-content {
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: var(--c-text-secondary) !important;
	margin: 0 0 10px 0 !important;
	word-break: break-word !important;
	text-align: left !important;
}

.comment-content p {
	margin: 0 0 8px 0 !important;
	color: inherit !important;
}

.comment-content p:last-child {
	margin-bottom: 0 !important;
}

.reply,
.comment-body .reply {
	margin-top: 6px !important;
	text-align: right !important;
}

.comment-reply-link,
a.comment-reply-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--c-text-secondary) !important;
	background: var(--c-surface-1) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-sm) !important;
	padding: 4px 12px !important;
	text-decoration: none !important;
	transition: var(--c-transition) !important;
}

.comment-reply-link:hover,
a.comment-reply-link:hover {
	background: var(--c-white) !important;
	color: #000000 !important;
	border-color: var(--c-white) !important;
}

/* Nested Comments */
.comment-list .children {
	list-style: none !important;
	margin: 14px 0 0 16px !important;
	padding: 0 0 0 14px !important;
	border-left: 2px solid var(--c-border) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

/* Comment Form / Respond Card */
.comment-respond,
#respond {
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	padding: 22px !important;
	margin-top: 24px !important;
	text-align: left !important;
	clear: both !important;
}

.comment-reply-title,
#reply-title,
h2.comment-reply-title,
h3.comment-reply-title {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
	margin: 0 0 16px 0 !important;
	padding: 0 0 10px 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid var(--c-border) !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	letter-spacing: -0.3px !important;
	line-height: 1.3 !important;
	width: 100% !important;
}

.comment-reply-title small,
#reply-title small {
	font-size: 12px !important;
	font-weight: 600 !important;
	margin-left: auto !important;
	display: inline-flex !important;
	align-items: center !important;
}

.comment-reply-title small a,
#cancel-comment-reply-link {
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: var(--c-text-secondary) !important;
	background: var(--c-surface-1) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-sm) !important;
	padding: 4px 10px !important;
	text-decoration: none !important;
	transition: var(--c-transition) !important;
	display: inline-flex !important;
	align-items: center !important;
}

.comment-reply-title small a:hover,
#cancel-comment-reply-link:hover {
	color: #000000 !important;
	background: var(--c-white) !important;
	border-color: var(--c-white) !important;
}

.logged-in-as {
	font-size: 13px !important;
	color: var(--c-text-muted) !important;
	margin-bottom: 12px !important;
}

.logged-in-as a {
	color: var(--c-text-secondary) !important;
	font-weight: 600 !important;
}

.logged-in-as a:hover {
	color: var(--c-white) !important;
}

.comment-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.comment-form-group {
	margin: 0 !important;
	width: 100% !important;
}

.comment-form-author-row {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100% !important;
	background: var(--c-surface-1) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	color: var(--c-white) !important;
	font-size: 14px !important;
	padding: 10px 14px !important;
	outline: none !important;
	box-shadow: none !important;
	transition: var(--c-transition) !important;
	box-sizing: border-box !important;
	text-align: left !important;
}

.comment-form textarea {
	min-height: 90px !important;
	resize: vertical !important;
	line-height: 1.5 !important;
}

.comment-form textarea:focus,
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus {
	border-color: var(--c-white) !important;
}

.comment-form input::placeholder,
.comment-form textarea::placeholder {
	color: var(--c-text-muted) !important;
}

.form-submit {
	margin: 4px 0 0 0 !important;
	text-align: left !important;
}

.btn-comment-submit,
.form-submit input[type="submit"],
.comment-form input[type="submit"] {
	background: var(--c-white) !important;
	color: #000000 !important;
	border: none !important;
	border-radius: var(--c-radius-md) !important;
	padding: 9px 20px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	cursor: pointer !important;
	transition: var(--c-transition) !important;
	display: inline-block !important;
}

.btn-comment-submit:hover,
.form-submit input[type="submit"]:hover,
.comment-form input[type="submit"]:hover {
	background: var(--c-white-hover) !important;
	transform: translateY(-1px) !important;
}

.no-comments {
	color: var(--c-text-muted) !important;
	font-size: 13px !important;
	font-style: italic !important;
	margin: 16px 0 !important;
}

/* Compact Related Queue (Sidebar) */
.compact-related-queue {
	background: var(--c-surface-1) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	padding: 16px !important;
	text-align: left !important;
}

.queue-header {
	margin-bottom: 14px !important;
	padding-bottom: 8px !important;
	border-bottom: 1px solid var(--c-border) !important;
}

.queue-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
	margin: 0 !important;
	text-align: left !important;
}

.compact-cards-list {
	display: flex !important;
	flex-direction: column;
	gap: 12px !important;
	text-align: left !important;
}

html body .compact-video-card,
.compact-video-card {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: var(--c-radius-md) !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	transition: var(--c-transition) !important;
	text-align: left !important;
	position: relative !important;
}

.compact-video-card:hover .compact-thumb-wrap img {
	transform: scale(1.04) !important;
}

.compact-thumb-link {
	flex: 0 0 160px !important;
	width: 160px !important;
	max-width: 160px !important;
	display: block !important;
	text-decoration: none !important;
	border-radius: var(--c-radius-md) !important;
	line-height: 0 !important;
}

.compact-thumb-wrap {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 16 / 9 !important;
	background: #000000 !important;
	border-radius: var(--c-radius-md) !important;
	overflow: hidden !important;
	line-height: 0 !important;
}

.compact-thumb-wrap img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.2s ease !important;
}

.compact-thumb-wrap .badge-duration {
	bottom: 5px !important;
	right: 5px !important;
	font-size: 10px !important;
	padding: 2px 5px !important;
}

.compact-no-thumb {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	color: var(--c-text-muted) !important;
}

.compact-info-wrap {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	text-align: left !important;
	padding-top: 1px !important;
}

.compact-title {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--c-white) !important;
	margin: 0 0 4px 0 !important;
	line-height: 1.35 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-align: left !important;
	word-break: break-word !important;
	transition: color 0.2s ease !important;
}

.compact-video-card:hover .compact-title {
	color: var(--c-primary) !important;
}

.compact-model-name {
	font-size: 11px !important;
	color: var(--c-text-secondary) !important;
	display: inline-block !important;
	margin-bottom: 4px !important;
	text-align: left !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 100% !important;
	transition: color 0.2s ease !important;
}

.compact-model-name:hover {
	color: var(--c-white) !important;
}

.compact-meta-row {
	font-size: 11px !important;
	color: var(--c-text-muted) !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	text-align: left !important;
	margin-top: auto !important;
}

.compact-duration-text {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: var(--c-text-muted) !important;
	display: inline-block !important;
}

/* Theater Mode Active Shift */
.is-theater-active .single-video-grid-container {
	grid-template-columns: 1fr !important;
	gap: 28px !important;
}

.is-theater-active .single-post-video-container {
	width: 100% !important;
	margin-bottom: 28px !important;
}

.is-theater-active .single-post-video-player-wrapper {
	width: 100% !important;
	aspect-ratio: 16 / 9 !important;
	max-height: 80vh !important;
	overflow: hidden !important;
}

.is-theater-active .video-action-bar {
	position: relative !important;
	z-index: 10 !important;
	background: var(--c-surface-1) !important;
	margin: 0 !important;
	clear: both !important;
}

@media (max-width: 1024px) {
	.single-video-grid-container {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}

	.single-video-sidebar-column {
		width: 100% !important;
	}
}

@media (max-width: 768px) {
	.single-video-grid-container {
		gap: 20px !important;
	}

	.single-video-sidebar-column {
		width: 100% !important;
		margin-top: 10px !important;
	}

	.compact-related-queue {
		padding: 14px 12px !important;
		border-radius: var(--c-radius-lg) !important;
	}

	.queue-header {
		margin-bottom: 12px !important;
		padding-bottom: 6px !important;
	}

	.queue-title {
		font-size: 15px !important;
	}

	.compact-cards-list {
		display: flex !important;
		flex-direction: column;
		gap: 10px !important;
	}

	/* Responsive mobile horizontal flex cards */
	html body .compact-video-card,
	.compact-video-card {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		padding: 0 !important;
	}

	.compact-thumb-link {
		flex: 0 0 clamp(115px, 35vw, 145px) !important;
		width: clamp(115px, 35vw, 145px) !important;
		max-width: 42% !important;
	}

	.compact-info-wrap {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		padding: 1px 0 !important;
	}

	.compact-title {
		font-size: 12.5px !important;
		line-height: 1.3 !important;
		margin-bottom: 3px !important;
		-webkit-line-clamp: 2 !important;
	}

	.compact-model-name {
		font-size: 10.5px !important;
		margin-bottom: 2px !important;
	}

	.compact-duration-text {
		font-size: 10px !important;
	}
}

@media (max-width: 480px) {
	.single-video-grid-container {
		gap: 16px !important;
	}

	.single-video-sidebar-column {
		margin-top: 4px !important;
	}

	.compact-related-queue {
		padding: 12px 10px !important;
	}

	.compact-cards-list {
		gap: 10px !important;
	}

	/* Responsive mobile flex cards for small screens */
	html body .compact-video-card,
	.compact-video-card {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		gap: 8px !important;
	}

	.compact-thumb-link {
		flex: 0 0 clamp(100px, 34vw, 130px) !important;
		width: clamp(100px, 34vw, 130px) !important;
		max-width: 40% !important;
	}

	.compact-title {
		font-size: 12px !important;
		line-height: 1.25 !important;
		margin-bottom: 2px !important;
		-webkit-line-clamp: 2 !important;
	}

	.compact-model-name {
		font-size: 10px !important;
	}

	.compact-thumb-wrap .badge-duration {
		bottom: 3px !important;
		right: 3px !important;
		font-size: 9px !important;
		padding: 1px 3px !important;
	}
}

/* ==========================================================================
   9. CATEGORIES & TAXONOMY GRIDS
   ========================================================================== */
.categories-modern-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
	gap: 20px !important;
	margin-bottom: 36px !important;
	text-align: left !important;
}

.category-tile-card {
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	overflow: hidden !important;
	transition: var(--c-transition) !important;
	text-align: left !important;
}

.category-tile-card:hover {
	border-color: var(--c-white) !important;
	transform: translateY(-2px) !important;
}

.category-tile-link {
	display: block !important;
	position: relative !important;
}

.category-tile-thumb {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 16 / 9 !important;
	background: #000000 !important;
	overflow: hidden !important;
}

.category-tile-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.category-tile-overlay {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.85) 100%) !important;
}

.category-no-thumb {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: var(--c-surface-1) !important;
	color: var(--c-white) !important;
	font-size: 24px !important;
	font-weight: 800 !important;
}

.category-tile-info {
	position: absolute !important;
	bottom: 12px !important;
	left: 14px !important;
	right: 14px !important;
	z-index: 2 !important;
	text-align: left !important;
}

.category-tile-name {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
	margin: 0 0 2px 0 !important;
	text-align: left !important;
}

.category-tile-count {
	font-size: 12px !important;
	color: var(--c-text-secondary) !important;
	text-align: left !important;
}

/* Models / Actors Directory */
.modern-filter-toolbar {
	margin-bottom: 24px !important;
	text-align: left !important;
}

.filter-pills-group {
	display: flex !important;
	gap: 6px !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

.filter-pill {
	background: var(--c-surface-2) !important;
	color: var(--c-text-secondary) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-sm) !important;
	padding: 5px 12px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-align: center !important;
}

.filter-pill:hover,
.filter-pill.active {
	background: var(--c-white) !important;
	color: #000000 !important;
	border-color: var(--c-white) !important;
}

.models-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
	gap: 20px !important;
	margin-bottom: 36px !important;
}

.model-card {
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	padding: 20px 14px !important;
	text-align: center !important;
	transition: var(--c-transition) !important;
}

.model-card:hover {
	border-color: var(--c-white) !important;
	transform: translateY(-2px) !important;
}

.model-avatar {
	width: 80px !important;
	height: 80px !important;
	border-radius: var(--c-radius-pill) !important;
	border: 2px solid var(--c-border) !important;
	margin: 0 auto 12px auto !important;
	overflow: hidden !important;
	background: var(--c-surface-1) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	color: var(--c-white) !important;
}

.model-avatar img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.model-name {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
	margin: 0 0 4px 0 !important;
	text-align: center !important;
}

.model-video-count {
	font-size: 12px !important;
	color: var(--c-text-muted) !important;
	text-align: center !important;
}

/* Model Hero Banner */
.model-hero-banner {
	background: var(--c-surface-1) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	padding: 24px !important;
	margin-bottom: 28px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	flex-wrap: wrap !important;
	text-align: left !important;
}

.model-hero-left {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	text-align: left !important;
}

.model-hero-avatar {
	width: 90px !important;
	height: 90px !important;
	border-radius: var(--c-radius-pill) !important;
	border: 2px solid var(--c-white) !important;
	overflow: hidden !important;
	background: var(--c-surface-2) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 28px !important;
	font-weight: 800 !important;
}

.model-hero-avatar img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.model-hero-details {
	text-align: left !important;
}

.model-hero-details h1 {
	font-size: 24px !important;
	font-weight: 800 !important;
	color: var(--c-white) !important;
	margin: 0 0 6px 0 !important;
	text-align: left !important;
}

.stat-badge {
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-sm) !important;
	padding: 4px 10px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}

/* ==========================================================================
   10. PAGINATION, TOAST & FULL-WIDTH FOOTER
   ========================================================================== */
.pagination,
.wpst-page-navi,
.nav-links {
	display: flex !important;
	justify-content: center !important;
	gap: 6px !important;
	margin: 36px 0 !important;
	float: none !important;
	width: 100% !important;
}

.pagination a,
.pagination span,
.wpst-page-navi a,
.wpst-page-navi span,
.page-numbers {
	background: var(--c-surface-1) !important;
	color: var(--c-text-secondary) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	padding: 6px 14px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	transition: var(--c-transition) !important;
	text-align: center !important;
}

.pagination a:hover,
.wpst-page-navi a:hover,
.page-numbers:hover {
	border-color: var(--c-white) !important;
	color: var(--c-white) !important;
	background: var(--c-surface-hover) !important;
}

.pagination .current,
.wpst-page-navi .current,
.page-numbers.current {
	background: var(--c-white) !important;
	color: #000000 !important;
	border-color: var(--c-white) !important;
	font-weight: 700 !important;
}

/* Site Footer - Full Width Surface with Centered Inner */
.site-footer,
#colophon {
	background: var(--c-surface-1) !important;
	border-top: 1px solid var(--c-border) !important;
	padding: 36px 0 !important;
	margin: 48px 0 0 0 !important;
	color: var(--c-text-muted) !important;
	font-size: 13px !important;
	text-align: center !important;
	width: 100% !important;
	max-width: 100% !important;
	flex-shrink: 0 !important;
}

.footer-inner {
	max-width: 1600px !important;
	margin: 0 auto !important;
	padding: 0 24px !important;
	text-align: center !important;
	width: 100% !important;
}

.footer-links-list {
	display: flex !important;
	justify-content: center !important;
	gap: 16px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 16px 0 !important;
	flex-wrap: wrap !important;
	text-align: center !important;
}

.footer-links-list a {
	color: var(--c-text-secondary) !important;
}

.footer-links-list a:hover {
	color: var(--c-white) !important;
}

/* Toast */
.rt-toast {
	position: fixed !important;
	bottom: 74px !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(20px) !important;
	background: var(--c-surface-1) !important;
	color: var(--c-white) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	padding: 10px 18px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	z-index: 10000 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: all 0.25s ease !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
}

.rt-toast.show {
	opacity: 1 !important;
	transform: translateX(-50%) translateY(0) !important;
	pointer-events: auto !important;
}

/* ==========================================================================
   SEARCH RESULTS & EMPTY SEARCH STATE
   ========================================================================== */
.search-results-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.search-header-left {
	display: flex !important;
	align-items: baseline !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
}

.search-title {
	margin: 0 !important;
	display: inline-flex !important;
	align-items: baseline !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}

.search-keyword {
	color: var(--c-white) !important;
	font-weight: 800 !important;
}

.search-results-count {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--c-text-muted) !important;
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	padding: 4px 10px !important;
	border-radius: var(--c-radius-pill) !important;
}

.search-empty-state {
	text-align: center !important;
	padding: 60px 20px !important;
	background: var(--c-surface-1) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	margin-bottom: 48px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.empty-state-icon {
	color: var(--c-text-muted) !important;
	margin-bottom: 16px !important;
}

.empty-state-title {
	font-size: 24px !important;
	font-weight: 800 !important;
	color: var(--c-white) !important;
	margin: 0 0 10px 0 !important;
}

.empty-state-desc {
	font-size: 14px !important;
	color: var(--c-text-secondary) !important;
	max-width: 500px !important;
	margin: 0 auto 24px auto !important;
	line-height: 1.5 !important;
}

.empty-state-search-wrap {
	width: 100% !important;
	max-width: 440px !important;
}

.empty-state-search-wrap form {
	display: flex !important;
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	overflow: hidden !important;
}

.empty-state-search-wrap input[type="search"] {
	flex: 1 !important;
	background: transparent !important;
	border: none !important;
	color: var(--c-white) !important;
	padding: 12px 16px !important;
	font-size: 14px !important;
	outline: none !important;
}

.empty-state-search-wrap button {
	background: var(--c-white) !important;
	color: #000000 !important;
	border: none !important;
	padding: 12px 20px !important;
	font-weight: 800 !important;
	font-size: 12px !important;
	cursor: pointer !important;
	letter-spacing: 0.5px !important;
}

.empty-state-search-wrap button:hover {
	background: var(--c-white-hover) !important;
}

.search-fallback-section {
	margin-top: 36px !important;
}

/* Back to top */
.back-to-top-btn {
	position: fixed !important;
	bottom: 74px !important;
	right: 24px !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: var(--c-radius-pill) !important;
	background: var(--c-surface-2) !important;
	color: var(--c-white) !important;
	border: 1px solid var(--c-border) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 9000 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: var(--c-transition) !important;
}

.back-to-top-btn.is-visible {
	opacity: 1 !important;
	pointer-events: auto !important;
}

.back-to-top-btn:hover {
	background: var(--c-white) !important;
	color: #000000 !important;
}

.back-to-top-btn:hover svg {
	stroke: #000000 !important;
}

/* Mobile Responsive Adjustments */
@media (max-width: 1024px) {
	.site-branding .site-logo-image-link {
		max-height: 50px !important;
	}
	.site-branding .site-logo-img {
		max-height: 100px !important;
		max-width: 250px !important;
	}
}

@media (max-width: 768px) {
	.site-branding .site-logo-image-link {
		max-height: 44px !important;
	}
	.site-branding .site-logo-img {
		max-height: 40px !important;
		max-width: 190px !important;
	}
	#main .widget_videos_block .videos-list,
	#primary .widget_videos_block .videos-list,
	.widget_videos_block .videos-list,
	.videos-list {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}
	.categories-modern-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}
	.models-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}
	.card-body {
		padding: 8px 10px 10px !important;
	}
	.video-title {
		font-size: 12px !important;
		margin-bottom: 6px !important;
	}
	.video-main-heading {
		font-size: 17px !important;
	}
	.action-pill-btn {
		padding: 6px 10px !important;
		font-size: 12px !important;
	}
	.widget_videos_block .widget-title {
		font-size: 18px !important;
		margin-bottom: 16px !important;
	}
	.widget_videos_block .more-videos,
	.more-videos-pill {
		padding: 4px 10px !important;
		font-size: 10px !important;
	}
}

@media (max-width: 480px) {
	.site-branding .site-logo-image-link {
		max-height: 38px !important;
	}
	.site-branding .site-logo-img {
		max-height: 56px !important;
		max-width: 150px !important;
	}
	#main .widget_videos_block .videos-list,
	#primary .widget_videos_block .videos-list,
	.widget_videos_block .videos-list,
	.videos-list {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 8px !important;
	}
	.card-footer-meta {
		font-size: 10px !important;
	}
}

/* ==========================================================================
   14. SHORTS (MIGRATED TO DEDICATED assets/css/shorts.css)
   ========================================================================== */


/* ==========================================================================
   15. MEMBERS — Auth Page, Profile Tabs, Playlists, Suggestions
   ========================================================================== */

/* --- Header Member / Guest Area --- */
.member-menu {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-right: 8px !important;
}

.member-avatar-link {
	display: inline-flex !important;
}

.member-avatar {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: var(--c-radius-pill) !important;
	background: var(--c-surface-hover) !important;
	color: var(--c-white) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	border: 1px solid var(--c-border) !important;
}

.member-logout-link {
	display: inline-flex !important;
	color: var(--c-text-muted) !important;
	padding: 6px !important;
	border-radius: var(--c-radius-sm) !important;
}

.member-logout-link:hover {
	color: var(--c-white) !important;
	background: var(--c-surface-2) !important;
}

.guest-auth {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-right: 8px !important;
}

.guest-signup-btn.btn-white-primary {
	background: #ffffff !important;
	color: #000000 !important;
	border-color: #ffffff !important;
}

/* --- Drawer Auth Row --- */
.mobile-drawer-auth {
	display: flex !important;
	gap: 10px !important;
	padding: 14px 18px !important;
	border-bottom: 1px solid var(--c-border-subtle, var(--c-border)) !important;
	background: var(--c-surface-1) !important;
}

.drawer-auth-btn {
	flex: 1 1 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	padding: 10px 12px !important;
	border-radius: var(--c-radius-md) !important;
	border: 1px solid var(--c-border) !important;
	background: var(--c-surface-2) !important;
	color: var(--c-white) !important;
}

.drawer-auth-btn.drawer-signup,
.drawer-auth-btn.drawer-logout:hover {
	background: #ffffff !important;
	color: #000000 !important;
	border-color: #ffffff !important;
}

/* --- Auth Page --- */
.auth-page-wrap {
	min-height: calc(100vh - 220px) !important;
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	padding: 48px 16px 80px !important;
	box-sizing: border-box !important;
}

.auth-card {
	width: 100% !important;
	max-width: 420px !important;
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	padding: 28px 26px 22px !important;
	box-sizing: border-box !important;
}

.auth-brand {
	display: flex !important;
	justify-content: center !important;
	margin-bottom: 20px !important;
}

.auth-logo {
	max-height: 44px !important;
	max-width: 160px !important;
	object-fit: contain !important;
}

.auth-site-name {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: var(--c-white) !important;
	letter-spacing: -0.01em !important;
}

.auth-tabs {
	display: flex !important;
	gap: 4px !important;
	background: var(--c-bg) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-md) !important;
	padding: 4px !important;
	margin-bottom: 20px !important;
}

.auth-tab {
	flex: 1 1 auto !important;
	border: none !important;
	background: transparent !important;
	color: var(--c-text-secondary) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	padding: 9px 10px !important;
	border-radius: var(--c-radius-md) !important;
	cursor: pointer !important;
	transition: var(--c-transition) !important;
	white-space: nowrap !important;
}

.auth-tab:hover {
	color: var(--c-white) !important;
}

.auth-tab.is-active {
	background: var(--c-surface-hover) !important;
	color: var(--c-white) !important;
}

.tab-count {
	display: inline-block !important;
	background: rgba(255, 255, 255, 0.12) !important;
	border-radius: var(--c-radius-pill) !important;
	font-size: 11px !important;
	padding: 1px 7px !important;
	margin-left: 3px !important;
}

.auth-panel {
	display: none !important;
}

.auth-panel.is-active {
	display: block !important;
	animation: wpst-fade-in 0.18s ease-out !important;
}

@keyframes wpst-fade-in {
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: none; }
}

.auth-heading {
	font-size: 17px !important;
	font-weight: 800 !important;
	color: var(--c-white) !important;
	margin: 0 0 16px !important;
}

.auth-field {
	margin-bottom: 14px !important;
	width: 100% !important;
	float: none !important;
	padding: 0 !important;
}

.auth-field-row {
	display: flex !important;
	gap: 12px !important;
}

.auth-field-row .auth-field {
	flex: 1 1 50% !important;
}

.auth-field label {
	display: block !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--c-text-secondary) !important;
	margin-bottom: 6px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
}

.auth-field input[type="text"],
.auth-field input[type="email"],
.auth-field input[type="password"],
.auth-field select,
.auth-field textarea,
.playlist-create-bar input,
.playlist-create-bar select,
.pp-new-name,
.sp-tags-input {
	width: 100% !important;
	background: var(--c-bg) !important;
	border: 1px solid var(--c-border) !important;
	color: var(--c-white) !important;
	border-radius: var(--c-radius-md) !important;
	padding: 10px 12px !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	box-sizing: border-box !important;
	outline: none !important;
	transition: var(--c-transition) !important;
	height: auto !important;
}

.auth-field input:focus,
.auth-field select:focus,
.auth-field textarea:focus,
.pp-new-name:focus,
.sp-tags-input:focus {
	border-color: var(--c-border-hover) !important;
}

.auth-submit {
	display: block !important;
	width: 100% !important;
	background: #ffffff !important;
	color: #000000 !important;
	border: 1px solid #ffffff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	padding: 11px 16px !important;
	border-radius: var(--c-radius-md) !important;
	cursor: pointer !important;
	transition: var(--c-transition) !important;
	text-align: center !important;
	margin-top: 6px !important;
}

.auth-submit:hover {
	background: var(--c-white-hover, #e4e4e7) !important;
}

.auth-submit.is-busy {
	opacity: 0.55 !important;
	pointer-events: none !important;
}

.auth-feedback {
	display: none !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	border-radius: var(--c-radius-md) !important;
	padding: 10px 12px !important;
	margin-bottom: 12px !important;
	word-wrap: break-word !important;
}

.auth-feedback.is-error,
.auth-feedback.is-success {
	display: block !important;
}

.auth-feedback.is-error {
	background: rgba(214, 54, 54, 0.12) !important;
	color: #ff8a8a !important;
	border: 1px solid rgba(214, 54, 54, 0.35) !important;
}

.auth-feedback .alert,
.auth-feedback .alert p {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	color: inherit !important;
	list-style: none !important;
}

.auth-feedback.is-success {
	background: rgba(16, 185, 129, 0.1) !important;
	color: #6ee7b7 !important;
	border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

.auth-recaptcha {
	transform-origin: left top;
}

.auth-terms-note,
.auth-reset-note {
	font-size: 12px !important;
	color: var(--c-text-muted) !important;
	margin: 0 0 12px !important;
	line-height: 1.5 !important;
}

.auth-footer {
	margin-top: 18px !important;
	padding-top: 14px !important;
	border-top: 1px solid var(--c-border) !important;
	text-align: center !important;
}

.auth-footer a {
	font-size: 13px !important;
	color: var(--c-text-muted) !important;
}

.auth-footer a:hover {
	color: var(--c-white) !important;
}

/* --- Profile Page --- */
.profile-header .widget-title {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.profile-avatar {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: var(--c-radius-pill) !important;
	background: var(--c-surface-hover) !important;
	border: 1px solid var(--c-border) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
}

.profile-tabs {
	margin-bottom: 24px !important;
}

.profile-toast-success,
.profile-toast-error {
	border-radius: var(--c-radius-md) !important;
	padding: 11px 14px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	margin-bottom: 18px !important;
}

.profile-toast-success {
	background: rgba(16, 185, 129, 0.1) !important;
	color: #6ee7b7 !important;
	border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

.profile-toast-error {
	background: rgba(214, 54, 54, 0.12) !important;
	color: #ff8a8a !important;
	border: 1px solid rgba(214, 54, 54, 0.35) !important;
}

/* --- Playlist Manage Cards --- */
.playlist-create-bar {
	display: flex !important;
	gap: 10px !important;
	margin-bottom: 20px !important;
}

.playlist-create-bar input {
	flex: 1 1 auto !important;
}

.playlist-create-bar select {
	flex: 0 0 auto !important;
	width: auto !important;
}

.playlist-manage-card {
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	padding: 14px 16px !important;
	margin-bottom: 12px !important;
}

.pmc-header {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin-bottom: 10px !important;
	flex-wrap: wrap !important;
}

.pmc-title {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
}

.pmc-title:hover {
	text-decoration: underline !important;
}

.pmc-meta {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 12px !important;
	color: var(--c-text-muted) !important;
}

.pmc-vis-private {
	color: var(--c-text-muted) !important;
}

.pmc-vis-public {
	color: #6ee7b7 !important;
}

.pmc-actions {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.pmc-actions select {
	background: var(--c-bg) !important;
	border: 1px solid var(--c-border) !important;
	color: var(--c-white) !important;
	border-radius: var(--c-radius-md) !important;
	padding: 7px 10px !important;
	font-size: 13px !important;
	height: auto !important;
}

.rt-pmc-delete:hover {
	border-color: #d63638 !important;
	color: #ff8a8a !important;
}

/* --- Playlist Popover (single video) --- */
.playlist-pop {
	position: absolute !important;
	z-index: 60 !important;
	top: calc(100% + 6px) !important;
	right: 0 !important;
	width: 300px !important;
	max-width: calc(100vw - 32px) !important;
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55) !important;
	padding: 12px !important;
	box-sizing: border-box !important;
}

.video-action-bar {
	position: relative !important;
}

.playlist-pop-head {
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: var(--c-text-muted) !important;
	margin-bottom: 8px !important;
}

.playlist-pop-list {
	max-height: 240px !important;
	overflow-y: auto !important;
	margin-bottom: 10px !important;
}

.pp-empty {
	font-size: 13px !important;
	color: var(--c-text-muted) !important;
	padding: 10px 4px !important;
}

.pp-row {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	padding: 9px 10px !important;
	border-radius: var(--c-radius-md) !important;
	cursor: pointer !important;
	transition: var(--c-transition) !important;
}

.pp-row:hover {
	background: var(--c-surface-hover) !important;
}

.pp-check {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-sm) !important;
	color: transparent !important;
	flex: 0 0 auto !important;
}

.pp-row.has-video .pp-check {
	background: #ffffff !important;
	border-color: #ffffff !important;
	color: #000000 !important;
}

.pp-name {
	flex: 1 1 auto !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--c-white) !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.pp-meta {
	font-size: 11px !important;
	color: var(--c-text-muted) !important;
	flex: 0 0 auto !important;
}

.playlist-pop-create {
	display: flex !important;
	gap: 6px !important;
	padding-top: 10px !important;
	border-top: 1px solid var(--c-border) !important;
}

.pp-new-name {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	font-size: 13px !important;
	padding: 8px 10px !important;
}

.pp-new-vis {
	flex: 0 0 auto !important;
	width: auto !important;
	background: var(--c-bg) !important;
	border: 1px solid var(--c-border) !important;
	color: var(--c-white) !important;
	border-radius: var(--c-radius-md) !important;
	font-size: 12px !important;
	height: auto !important;
}

.pp-create-btn {
	flex: 0 0 auto !important;
	background: #ffffff !important;
	color: #000000 !important;
	border: none !important;
	border-radius: var(--c-radius-md) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	padding: 8px 12px !important;
	cursor: pointer !important;
}

/* --- Suggest Panel --- */
.suggest-panel {
	position: fixed !important;
	inset: 0 !important;
	z-index: 120 !important;
	background: rgba(0, 0, 0, 0.72) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 20px !important;
	backdrop-filter: blur(4px) !important;
}

.suggest-panel[hidden] {
	display: none !important;
}

.suggest-panel-inner {
	width: 100% !important;
	max-width: 480px !important;
	max-height: 85vh !important;
	overflow-y: auto !important;
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-lg) !important;
	padding: 22px !important;
	box-sizing: border-box !important;
}

.sp-head h3 {
	margin: 0 0 6px !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	color: var(--c-white) !important;
}

.sp-head p {
	margin: 0 0 16px !important;
	font-size: 13px !important;
	color: var(--c-text-muted) !important;
}

.sp-label {
	display: block !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	color: var(--c-text-secondary) !important;
	margin: 0 0 7px !important;
}

.sp-cats {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-bottom: 14px !important;
}

.sp-cat-option {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	color: var(--c-text-primary) !important;
	background: var(--c-bg) !important;
	border: 1px solid var(--c-border) !important;
	border-radius: var(--c-radius-pill) !important;
	padding: 6px 12px !important;
	cursor: pointer !important;
	transition: var(--c-transition) !important;
	user-select: none !important;
}

.sp-cat-option:hover {
	border-color: var(--c-border-hover) !important;
}

.sp-cat-option input {
	margin: 0 !important;
	accent-color: #ffffff !important;
}

.sp-actions {
	display: flex !important;
	gap: 10px !important;
	align-items: stretch !important;
}

.sp-actions .auth-submit {
	flex: 1 1 auto !important;
	margin-top: 0 !important;
}

.sp-cancel {
	background: transparent !important;
	border: 1px solid var(--c-border) !important;
	color: var(--c-text-secondary) !important;
	border-radius: var(--c-radius-md) !important;
	padding: 11px 18px !important;
	cursor: pointer !important;
	font-size: 14px !important;
}

.sp-cancel:hover {
	color: var(--c-white) !important;
	border-color: var(--c-border-hover) !important;
}

/* --- Suggestions List (profile) --- */
.suggestions-note {
	font-size: 13px !important;
	color: var(--c-text-muted) !important;
	margin: 0 0 16px !important;
}

.suggestion-item {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	background: var(--c-surface-2) !important;
	border: 1px solid var(--c-border) !important;
	border-left-width: 3px !important;
	border-radius: var(--c-radius-md) !important;
	padding: 12px 14px !important;
	margin-bottom: 10px !important;
	flex-wrap: wrap !important;
}

.sg-status-pending { border-left-color: #f59e0b !important; }
.sg-status-approve { border-left-color: #10b981 !important; }
.sg-status-rejected { border-left-color: #d63638 !important; }

.sg-video {
	flex: 1 1 200px !important;
	min-width: 0 !important;
}

.sg-video a {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--c-white) !important;
}

.sg-terms {
	flex: 2 1 260px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
}

.sg-cat-pill {
	border: 1px solid var(--c-border) !important;
	background: transparent !important;
	color: var(--c-text-secondary) !important;
}

.sg-side {
	flex: 0 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 4px !important;
}

.sg-status-badge {
	font-size: 11px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

.sg-status-pending .sg-status-badge { color: #f59e0b !important; }
.sg-status-approve .sg-status-badge { color: #10b981 !important; }
.sg-status-rejected .sg-status-badge { color: #ff8a8a !important; }

.sg-date {
	font-size: 11px !important;
	color: var(--c-text-muted) !important;
}

@media (max-width: 600px) {
	.auth-field-row {
		flex-direction: column !important;
	}
	.guest-auth.desktop-only,
	.member-menu.desktop-only {
		display: none !important;
	}
}

/* ==========================================================================
   Modern Modals (Playlist, Suggest, Report Issue, Create Playlist)
   Pure Black & White High-Contrast, Zero AI Blur
   ========================================================================== */
.modern-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 99999 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 16px !important;
	box-sizing: border-box !important;
}

.modern-modal[hidden] {
	display: none !important;
}

.modern-modal-backdrop {
	position: absolute !important;
	inset: 0 !important;
	background: rgba(0, 0, 0, 0.85) !important;
	cursor: pointer !important;
}

.modern-modal-content {
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	max-width: 500px !important;
	max-height: 90vh !important;
	overflow-y: auto !important;
	background: #16161c !important;
	border: 1px solid #282834 !important;
	border-radius: 12px !important;
	padding: 24px !important;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9) !important;
	box-sizing: border-box !important;
}

.modern-modal-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 18px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid #24242d !important;
}

.modern-modal-head h3 {
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	color: #ffffff !important;
}

.modern-modal-close {
	background: transparent !important;
	border: none !important;
	color: #8e8e9f !important;
	font-size: 16px !important;
	cursor: pointer !important;
	padding: 4px 8px !important;
	border-radius: 4px !important;
	transition: all 0.15s ease !important;
}

.modern-modal-close:hover {
	color: #ffffff !important;
	background: #24242d !important;
}

.modal-field {
	margin-bottom: 16px !important;
}

.modal-field label {
	display: block !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	color: #a0a0b2 !important;
	margin-bottom: 6px !important;
}

.modal-field input[type="text"],
.modal-field select,
.modal-field textarea {
	width: 100% !important;
	background: #0d0d11 !important;
	border: 1px solid #282834 !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	padding: 10px 12px !important;
	font-size: 14px !important;
	box-sizing: border-box !important;
}

.modal-field input[type="text"]:focus,
.modal-field select:focus,
.modal-field textarea:focus {
	outline: none !important;
	border-color: #ffffff !important;
}

.modern-modal-footer {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	margin-top: 20px !important;
	padding-top: 14px !important;
	border-top: 1px solid #24242d !important;
}

.modern-modal-cancel {
	background: transparent !important;
	border: 1px solid #282834 !important;
	color: #a0a0b2 !important;
	border-radius: 6px !important;
	padding: 8px 16px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
}

.modern-modal-cancel:hover {
	color: #ffffff !important;
	border-color: #ffffff !important;
}

/* Playlist Modal Inside Styles */
.playlist-modal-list {
	max-height: 220px !important;
	overflow-y: auto !important;
	margin-bottom: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.playlist-modal-create-form {
	display: flex !important;
	gap: 8px !important;
	padding-top: 14px !important;
	border-top: 1px solid #24242d !important;
}

.playlist-modal-create-form .pp-new-name {
	flex: 1 1 auto !important;
	background: #0d0d11 !important;
	border: 1px solid #282834 !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	padding: 8px 12px !important;
	font-size: 13px !important;
}

.playlist-modal-create-form .pp-new-vis {
	flex: 0 0 auto !important;
	background: #0d0d11 !important;
	border: 1px solid #282834 !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	padding: 8px 10px !important;
	font-size: 12px !important;
}

/* Report Video Modal */
.report-lead-text {
	font-size: 13px !important;
	color: #a0a0b2 !important;
	margin: 0 0 14px !important;
}

.report-options-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.report-radio-option {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: #111116 !important;
	border: 1px solid #24242d !important;
	border-radius: 6px !important;
	padding: 10px 12px !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
}

.report-radio-option:hover {
	border-color: #ffffff !important;
	background: #1a1a22 !important;
}

.report-radio-option input[type="radio"] {
	margin: 0 !important;
	accent-color: #ffffff !important;
}

.report-radio-option span {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #e0e0ec !important;
}

/* ==========================================================================
   Playlists Page (template-playlists.php)
   ========================================================================== */
.playlists-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 24px !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
}

.playlists-header-stats {
	display: flex !important;
	gap: 8px !important;
	margin-top: 6px !important;
}

.stat-pill {
	display: inline-block !important;
	background: #16161c !important;
	border: 1px solid #24242d !important;
	border-radius: 20px !important;
	padding: 3px 10px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #a0a0b2 !important;
}

.playlists-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
	gap: 20px !important;
	margin-bottom: 40px !important;
}

.playlist-card {
	background: #16161c !important;
	border: 1px solid #24242d !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	transition: transform 0.15s ease, border-color 0.15s ease !important;
}

.playlist-card:hover {
	border-color: #ffffff !important;
	transform: translateY(-2px) !important;
}

.playlist-card-thumb-link {
	display: block !important;
	position: relative !important;
	aspect-ratio: 16 / 9 !important;
	background: #09090b !important;
	overflow: hidden !important;
}

.playlist-card-thumb {
	width: 100% !important;
	height: 100% !important;
	position: relative !important;
}

.playlist-card-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.playlist-no-thumb {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #4a4a5a !important;
}

.playlist-card-badge-overlay {
	position: absolute !important;
	bottom: 8px !important;
	right: 8px !important;
	z-index: 2 !important;
}

.pl-count-badge {
	background: rgba(0, 0, 0, 0.85) !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 3px 8px !important;
	border-radius: 4px !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.playlist-card-body {
	padding: 14px !important;
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
}

.playlist-card-meta {
	margin-bottom: 6px !important;
}

.pl-vis-pill {
	font-size: 10px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	padding: 2px 6px !important;
	border-radius: 3px !important;
	background: #24242d !important;
	color: #a0a0b2 !important;
}

.pl-vis-pill.public {
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.playlist-card-title {
	margin: 0 0 14px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

.playlist-card-title a {
	color: #ffffff !important;
	text-decoration: none !important;
}

.playlist-card-title a:hover {
	text-decoration: underline !important;
}

.playlist-card-actions {
	margin-top: auto !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding-top: 10px !important;
	border-top: 1px solid #24242d !important;
}

.btn-small {
	padding: 5px 10px !important;
	font-size: 12px !important;
	border-radius: 4px !important;
}

.btn-delete-playlist {
	background: transparent !important;
	border: 1px solid #282834 !important;
	color: #8e8e9f !important;
	cursor: pointer !important;
}

.btn-delete-playlist:hover {
	border-color: #ef4444 !important;
	color: #ef4444 !important;
}

.playlists-empty-state,
.playlists-guest-card {
	background: #16161c !important;
	border: 1px solid #24242d !important;
	border-radius: 12px !important;
	padding: 48px 24px !important;
	text-align: center !important;
	max-width: 580px !important;
	margin: 40px auto !important;
}

.playlists-empty-state .empty-icon,
.playlists-guest-card .guest-card-icon {
	color: #555566 !important;
	margin-bottom: 14px !important;
}

.playlists-empty-state h2,
.playlists-guest-card h2 {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 8px !important;
}

.playlists-empty-state p,
.playlists-guest-card p {
	font-size: 14px !important;
	color: #a0a0b2 !important;
	margin: 0 0 16px !important;
	line-height: 1.5 !important;
}

.pl-author-tag {
	font-size: 11.5px !important;
	color: #8e8e9f !important;
	margin-left: 6px !important;
}

.playlists-guest-callout {
	background: #14141b !important;
	border: 1px solid #242432 !important;
	border-radius: 12px !important;
	padding: 16px 20px !important;
	margin-bottom: 24px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
}

.playlists-guest-callout .pgc-text {
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
}

.playlists-guest-callout .pgc-text strong {
	color: #ffffff !important;
	font-size: 14px !important;
}

.playlists-guest-callout .pgc-text span {
	color: #a0a0b2 !important;
	font-size: 13px !important;
}

/* ==========================================================================
   Modern 404 Not Found Page (template-404.php / 404.php)
   ========================================================================== */
.error-404-hero {
	background: #111115 !important;
	border: 1px solid #24242d !important;
	border-radius: 12px !important;
	padding: 56px 24px !important;
	text-align: center !important;
	margin-bottom: 40px !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
}

.error-404-badge {
	font-size: 96px !important;
	font-weight: 900 !important;
	letter-spacing: -3px !important;
	line-height: 1 !important;
	color: #ffffff !important;
	margin-bottom: 12px !important;
	text-shadow: 0 0 40px rgba(255, 255, 255, 0.15) !important;
}

.error-404-title {
	font-size: 24px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: #ffffff !important;
	margin: 0 0 10px !important;
}

.error-404-desc {
	font-size: 14px !important;
	color: #a0a0b2 !important;
	max-width: 520px !important;
	margin: 0 auto 26px !important;
	line-height: 1.5 !important;
}

.error-404-search-wrap {
	max-width: 480px !important;
	margin: 0 auto 24px !important;
}

.error-search-input-group {
	display: flex !important;
	align-items: center !important;
	background: #0d0d11 !important;
	border: 1px solid #282834 !important;
	border-radius: 8px !important;
	padding: 4px 6px 4px 14px !important;
	gap: 10px !important;
	transition: border-color 0.15s ease !important;
}

.error-search-input-group:focus-within {
	border-color: #ffffff !important;
}

.error-search-input-group .search-icon {
	color: #8e8e9f !important;
	flex-shrink: 0 !important;
}

.error-search-input-group input[type="search"] {
	flex: 1 1 auto !important;
	background: transparent !important;
	border: none !important;
	color: #ffffff !important;
	font-size: 14px !important;
	padding: 8px 0 !important;
	outline: none !important;
	box-shadow: none !important;
}

.error-search-input-group input[type="search"]::placeholder {
	color: #666677 !important;
}

.error-search-input-group button[type="submit"] {
	flex-shrink: 0 !important;
	padding: 8px 16px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em !important;
}

.error-404-shortcuts {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
}

.shortcut-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: #16161c !important;
	border: 1px solid #24242d !important;
	border-radius: 20px !important;
	padding: 6px 14px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #e0e0ec !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
}

.shortcut-pill svg {
	color: #8e8e9f !important;
	transition: color 0.15s ease !important;
}

.shortcut-pill:hover {
	border-color: #ffffff !important;
	color: #ffffff !important;
	background: #22222c !important;
	transform: translateY(-1px) !important;
}

.shortcut-pill:hover svg {
	color: #ffffff !important;
}

.error-404-suggestions {
	margin-top: 32px !important;
}

.error-404-suggestions .section-header {
	margin-bottom: 20px !important;
}

/* ==========================================================================
   Membership Plans & Subscription End Date UI (Profile & Account)
   ========================================================================== */
.profile-header-meta {
	display: flex !important;
	align-items: center !important;
	gap: 18px !important;
	flex-wrap: wrap !important;
}

.profile-user-info {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.profile-user-info .widget-title {
	margin: 0 !important;
}

.profile-plan-badges {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.profile-plan-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 4px 12px !important;
	border-radius: 20px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
}

.profile-plan-pill.plan-free {
	background: #16161c !important;
	border: 1px solid #282834 !important;
	color: #a0a0b2 !important;
}

.profile-plan-pill.plan-active {
	background: #0d2818 !important;
	border: 1px solid #22c55e !important;
	color: #4ade80 !important;
}

.profile-plan-pill.plan-expired {
	background: #2b1115 !important;
	border: 1px solid #ef4444 !important;
	color: #f87171 !important;
}

.plan-status-dot {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: currentColor !important;
}

.tab-count-pill {
	display: inline-block !important;
	padding: 2px 8px !important;
	border-radius: 10px !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	background: #242430 !important;
	color: #ffffff !important;
	margin-left: 6px !important;
}

.tab-count-pill.plan-badge-paid {
	border: 1px solid #22c55e !important;
	color: #4ade80 !important;
	background: #0d2818 !important;
}

.tab-count-pill.plan-badge-vip {
	border: 1px solid #eab308 !important;
	color: #facc15 !important;
	background: #28200d !important;
}

/* Membership Status Hero Card */
.membership-status-card {
	background: #111115 !important;
	border: 1px solid #24242d !important;
	border-radius: 12px !important;
	padding: 28px !important;
	margin-bottom: 32px !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3) !important;
}

.msc-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 20px !important;
	padding-bottom: 16px !important;
	border-bottom: 1px solid #24242d !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.msc-subtitle {
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	color: #8e8e9f !important;
	display: block !important;
}

.msc-plan-title {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 4px 0 0 0 !important;
}

.msc-status-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 6px 14px !important;
	border-radius: 20px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em !important;
}

.msc-status-pill.status-active {
	background: #0d2818 !important;
	border: 1px solid #22c55e !important;
	color: #4ade80 !important;
}

.msc-status-pill.status-free {
	background: #16161c !important;
	border: 1px solid #282834 !important;
	color: #a0a0b2 !important;
}

.msc-status-pill.status-expired {
	background: #2b1115 !important;
	border: 1px solid #ef4444 !important;
	color: #f87171 !important;
}

.msc-status-pill .status-dot {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: currentColor !important;
}

.msc-details-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
	gap: 16px !important;
}

.msc-detail-item {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

.msc-detail-label {
	font-size: 12px !important;
	color: #8e8e9f !important;
}

.msc-detail-val {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
}

.msc-detail-val.msc-countdown.highlight-active {
	color: #4ade80 !important;
}

/* Membership Plans Grid */
.membership-plans-heading {
	margin-bottom: 20px !important;
}

.membership-plans-desc {
	font-size: 14px !important;
	color: #a0a0b2 !important;
	margin: 6px 0 0 0 !important;
}

.membership-plans-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
	gap: 18px !important;
	margin-top: 18px !important;
}

.plan-card {
	background: #14141a !important;
	border: 1px solid #24242d !important;
	border-radius: 12px !important;
	padding: 24px !important;
	display: flex !important;
	flex-direction: column !important;
	position: relative !important;
	transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

.plan-card:hover {
	border-color: #ffffff !important;
	transform: translateY(-2px) !important;
}

.plan-card.is-active-plan {
	border-color: #ffffff !important;
	box-shadow: 0 0 0 1px #ffffff, 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.plan-current-tag {
	position: absolute !important;
	top: -11px !important;
	right: 18px !important;
	background: #ffffff !important;
	color: #000000 !important;
	padding: 3px 10px !important;
	border-radius: 20px !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
}

.plan-card-title {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 4px 0 !important;
}

.plan-card-period {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #8e8e9f !important;
	margin-bottom: 16px !important;
}

.plan-features-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
	flex-grow: 1 !important;
}

.plan-features-list li {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	font-size: 13px !important;
	color: #d1d1db !important;
	margin-bottom: 10px !important;
	line-height: 1.4 !important;
}

.plan-features-list li svg {
	color: #ffffff !important;
	flex-shrink: 0 !important;
	margin-top: 2px !important;
}

.plan-card-footer {
	margin-top: auto !important;
	padding-top: 10px !important;
}

.plan-card-footer .button {
	width: 100% !important;
}

.plan-card-footer .pricing-card-actions {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	width: 100% !important;
}

.plan-card-footer .btn-crypto-checkout {
	border-radius: 6px !important;
	padding: 8px 12px !important;
}

.plan-card-footer .btn-card-checkout {
	border-radius: 6px !important;
	padding: 9px 12px !important;
}

.btn-current-plan {
	background: #1c1c24 !important;
	color: #717182 !important;
	border: 1px solid #282834 !important;
	cursor: default !important;
	pointer-events: none !important;
}

/* ==========================================================================
   Subscriber Video & Model Requests (2 Months & 1 Year VIP Perks)
   ========================================================================== */
.request-form-card {
	background: #111115 !important;
	border: 1px solid #24242d !important;
	border-radius: 12px !important;
	padding: 28px !important;
	margin-bottom: 32px !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3) !important;
}

.rfc-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 16px !important;
	margin-bottom: 24px !important;
	padding-bottom: 16px !important;
	border-bottom: 1px solid #24242d !important;
	flex-wrap: wrap !important;
}

.rfc-title {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 6px 0 !important;
}

.rfc-desc {
	font-size: 14px !important;
	color: #a0a0b2 !important;
	margin: 0 !important;
	max-width: 600px !important;
	line-height: 1.4 !important;
}

.req-priority-tag {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 6px 14px !important;
	border-radius: 20px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.03em !important;
}

.req-tag-vip {
	background: #28200d !important;
	border: 1px solid #eab308 !important;
	color: #facc15 !important;
}

.req-tag-standard {
	background: #1c1c24 !important;
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
}

.req-type-radios {
	display: flex !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	margin-top: 6px !important;
}

.req-radio-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: #16161c !important;
	border: 1px solid #282834 !important;
	border-radius: 20px !important;
	padding: 6px 16px !important;
	cursor: pointer !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #cccccc !important;
	transition: all 0.15s ease !important;
}

.req-radio-pill input[type="radio"] {
	margin: 0 !important;
	accent-color: #ffffff !important;
}

.req-radio-pill:has(input[type="radio"]:checked) {
	border-color: #ffffff !important;
	background: #22222c !important;
	color: #ffffff !important;
}

.req-form-footer {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	margin-top: 16px !important;
	flex-wrap: wrap !important;
}

.req-feedback {
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 8px 14px !important;
	border-radius: 6px !important;
}

.req-feedback.is-success {
	background: #0d2818 !important;
	color: #4ade80 !important;
	border: 1px solid #22c55e !important;
}

.req-feedback.is-error {
	background: #2b1115 !important;
	color: #f87171 !important;
	border: 1px solid #ef4444 !important;
}

/* My Requests History */
.my-requests-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.my-request-card {
	background: #14141a !important;
	border: 1px solid #24242d !important;
	border-radius: 10px !important;
	padding: 18px 20px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 16px !important;
	transition: border-color 0.15s ease !important;
}

.my-request-card:hover {
	border-color: #383848 !important;
}

.mrc-main {
	flex: 1 1 auto !important;
}

.mrc-meta {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-bottom: 6px !important;
}

.mrc-type-pill {
	font-size: 11px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	background: #22222c !important;
	color: #ffffff !important;
	padding: 2px 8px !important;
	border-radius: 4px !important;
}

.mrc-date {
	font-size: 12px !important;
	color: #8e8e9f !important;
}

.mrc-subject {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 6px 0 !important;
}

.mrc-msg {
	font-size: 13px !important;
	color: #a0a0b2 !important;
	margin: 0 !important;
	line-height: 1.4 !important;
}

.mrc-status-pill {
	font-size: 11px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	padding: 4px 10px !important;
	border-radius: 20px !important;
	display: inline-block !important;
	white-space: nowrap !important;
}

.mrc-status-pill.status-pending {
	background: #28200d !important;
	border: 1px solid #eab308 !important;
	color: #facc15 !important;
}

.mrc-status-pill.status-investigating {
	background: #0d1f2d !important;
	border: 1px solid #38bdf8 !important;
	color: #7dd3fc !important;
}

.mrc-status-pill.status-resolved {
	background: #0d2818 !important;
	border: 1px solid #22c55e !important;
	color: #4ade80 !important;
}

.mrc-status-pill.status-declined {
	background: #2b1115 !important;
	border: 1px solid #ef4444 !important;
	color: #f87171 !important;
}

/* Locked Card for Free & 1 Month Users */
.request-locked-card {
	background: #111115 !important;
	border: 1px solid #24242d !important;
	border-radius: 12px !important;
	padding: 48px 24px !important;
	text-align: center !important;
	max-width: 580px !important;
	margin: 20px auto !important;
}

.rlc-icon {
	color: #8e8e9f !important;
	margin-bottom: 16px !important;
}

.rlc-title {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 8px 0 !important;
}

.rlc-desc {
	font-size: 14px !important;
	color: #a0a0b2 !important;
	line-height: 1.5 !important;
	margin: 0 auto 24px auto !important;
	max-width: 480px !important;
}

.rlc-tiers {
	display: flex !important;
	gap: 12px !important;
	justify-content: center !important;
	margin-bottom: 24px !important;
	flex-wrap: wrap !important;
}

.rlc-tier-item {
	background: #16161c !important;
	border: 1px solid #282834 !important;
	border-radius: 8px !important;
	padding: 12px 18px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	text-align: left !important;
	font-size: 13px !important;
}

.rlc-tier-item strong {
	color: #ffffff !important;
}

.rlc-tier-item span {
	color: #a0a0b2 !important;
	font-size: 12px !important;
}

.rlc-tier-vip {
	border-color: #eab308 !important;
	background: #1c180e !important;
}

.rlc-tier-vip strong {
	color: #facc15 !important;
}


#wpadminbar #adminbarsearch .adminbar-button {
    display: none !important;
}

/* ==========================================================================
   MEMBERSHIP PAYWALL OVERLAYS (5S VIDEO PREVIEW & 3 SHORTS LIMIT)
   ========================================================================== */

/* 1. Single Video Player Paywall Overlay */
.video-player {
	position: relative !important;
}

.wpst-locked-poster-stage {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 16 / 9 !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.wpst-player-paywall-overlay {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 40 !important;
	background: rgba(10, 10, 14, 0.94) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 24px !important;
	box-sizing: border-box !important;
	animation: wpstFadeIn 0.3s ease-out forwards !important;
}

.wpst-paywall-card {
	background: #15151c !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 14px !important;
	padding: 32px 28px !important;
	max-width: 460px !important;
	width: 100% !important;
	text-align: center !important;
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.8), 0 0 30px rgba(234, 179, 8, 0.08) !important;
	box-sizing: border-box !important;
	transition: transform 0.2s ease !important;
}

.wpst-paywall-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: rgba(234, 179, 8, 0.14) !important;
	border: 1px solid rgba(234, 179, 8, 0.35) !important;
	color: #facc15 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.6px !important;
	text-transform: uppercase !important;
	padding: 5px 12px !important;
	border-radius: 20px !important;
	margin-bottom: 16px !important;
}

.wpst-paywall-badge svg {
	color: #facc15 !important;
	flex-shrink: 0 !important;
}

.wpst-paywall-title {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 12px 0 !important;
	line-height: 1.25 !important;
}

.wpst-paywall-desc {
	font-size: 13.5px !important;
	color: #a0a0b2 !important;
	line-height: 1.55 !important;
	margin: 0 0 24px 0 !important;
}

.wpst-paywall-actions {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	align-items: center !important;
	width: 100% !important;
}

.wpst-btn-upgrade {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 320px !important;
	background: #ffffff !important;
	color: #0a0a0c !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	padding: 12px 24px !important;
	border-radius: 24px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 14px rgba(255, 255, 255, 0.2) !important;
}

.wpst-btn-upgrade:hover {
	background: #e6e6e6 !important;
	transform: translateY(-1px) !important;
	color: #000000 !important;
}

.wpst-paywall-login-link {
	font-size: 13px !important;
	color: #88889c !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.wpst-paywall-login-link:hover {
	color: #ffffff !important;
	text-decoration: underline !important;
}

/* Shake animation on invalid play attempts */
.shake-card {
	animation: wpstShake 0.5s ease-in-out !important;
}

@keyframes wpstShake {
	0%, 100% { transform: translateX(0); }
	20%, 60% { transform: translateX(-8px); }
	40%, 80% { transform: translateX(8px); }
}

@keyframes wpstFadeIn {
	from { opacity: 0; transform: scale(0.98); }
	to { opacity: 1; transform: scale(1); }
}

/* Anti-Tamper Hard Lock Card */
.wpst-hard-lock-card {
	background: #0d0d12 !important;
	border: 1px solid rgba(234, 179, 8, 0.3) !important;
	border-radius: 12px !important;
	padding: 40px 24px !important;
	text-align: center !important;
	color: #ffffff !important;
}

/* 2. Shorts Stage Paywall Overlay (Migrated to dedicated assets/css/shorts.css) */


/* ==========================================================================
   PRICING & MEMBERSHIP PLANS PAGE (template-pricing.php)
   ========================================================================== */

.pricing-page-content {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 48px 20px 64px 20px !important;
}

.pricing-hero {
	text-align: center !important;
	margin-bottom: 48px !important;
}

.pricing-hero-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: rgba(234, 179, 8, 0.12) !important;
	border: 1px solid rgba(234, 179, 8, 0.35) !important;
	color: #facc15 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.8px !important;
	text-transform: uppercase !important;
	padding: 5px 14px !important;
	border-radius: 20px !important;
	margin-bottom: 16px !important;
}

.pricing-main-title {
	font-size: 38px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 14px 0 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.5px !important;
}

.pricing-subtitle {
	font-size: 16px !important;
	color: #a0a0b2 !important;
	max-width: 640px !important;
	margin: 0 auto !important;
	line-height: 1.55 !important;
}

/* Pricing 3-Tier Grid */
.pricing-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)) !important;
	gap: 24px !important;
	align-items: stretch !important;
	margin-bottom: 56px !important;
}

.pricing-card {
	background: #14141a !important;
	border: 1px solid #282834 !important;
	border-radius: 18px !important;
	padding: 36px 28px !important;
	display: flex !important;
	flex-direction: column !important;
	position: relative !important;
	transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4) !important;
}

.pricing-card:hover {
	transform: translateY(-4px) !important;
	border-color: rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
}

/* 1 Year VIP Featured Card Highlight */
.pricing-card-vip {
	border-color: #eab308 !important;
	background: linear-gradient(180deg, #181610 0%, #14141a 100%) !important;
	box-shadow: 0 16px 44px rgba(0, 0, 0, 0.6), 0 0 35px rgba(234, 179, 8, 0.12) !important;
}

.pricing-card-vip:hover {
	border-color: #facc15 !important;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.7), 0 0 45px rgba(234, 179, 8, 0.2) !important;
}

.pricing-badge-featured {
	position: absolute !important;
	top: -14px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	background: #eab308 !important;
	color: #0a0a0c !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.6px !important;
	text-transform: uppercase !important;
	padding: 5px 16px !important;
	border-radius: 20px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	white-space: nowrap !important;
	box-shadow: 0 4px 12px rgba(234, 179, 8, 0.4) !important;
}

.pricing-card-header {
	border-bottom: 1px solid #242432 !important;
	padding-bottom: 24px !important;
	margin-bottom: 24px !important;
	text-align: left !important;
}

.pricing-card-tier-pill {
	display: inline-block !important;
	font-size: 10.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.6px !important;
	text-transform: uppercase !important;
	padding: 4px 10px !important;
	border-radius: 12px !important;
	background: #242432 !important;
	color: #a0a0b2 !important;
	margin-bottom: 12px !important;
}

.pricing-card-tier-pill.pill-save {
	background: rgba(34, 197, 94, 0.15) !important;
	color: #4ade80 !important;
	border: 1px solid rgba(34, 197, 94, 0.3) !important;
}

.pricing-card-tier-pill.pill-vip {
	background: rgba(234, 179, 8, 0.18) !important;
	color: #facc15 !important;
	border: 1px solid rgba(234, 179, 8, 0.4) !important;
}

.pricing-plan-name {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 10px 0 !important;
}

.pricing-price-wrap {
	display: flex !important;
	align-items: baseline !important;
	gap: 2px !important;
	margin-bottom: 6px !important;
}

.pricing-currency {
	font-size: 24px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
}

.pricing-amount {
	font-size: 46px !important;
	font-weight: 900 !important;
	color: #ffffff !important;
	line-height: 1 !important;
}

.pricing-duration {
	font-size: 14px !important;
	color: #88889c !important;
	margin-left: 4px !important;
}

.pricing-period-subtext {
	font-size: 12.5px !important;
	color: #88889c !important;
	margin: 0 !important;
}

.pricing-period-subtext.gold-text {
	color: #facc15 !important;
	font-weight: 600 !important;
}

.pricing-card-body {
	flex: 1 1 auto !important;
	text-align: left !important;
	margin-bottom: 30px !important;
}

.pricing-card-desc {
	font-size: 13.5px !important;
	color: #a0a0b2 !important;
	line-height: 1.5 !important;
	margin: 0 0 20px 0 !important;
}

.pricing-features-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 13px !important;
}

.pricing-features-list li {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	font-size: 13.5px !important;
	color: #d1d1db !important;
	line-height: 1.45 !important;
}

.pricing-features-list li svg {
	color: #22c55e !important;
	flex-shrink: 0 !important;
	margin-top: 2px !important;
}

.pricing-features-list li.feature-highlight {
	background: rgba(255, 255, 255, 0.04) !important;
	padding: 8px 10px !important;
	border-radius: 8px !important;
	border-left: 3px solid #ffffff !important;
}

.pricing-features-list li.gold-highlight {
	background: rgba(234, 179, 8, 0.08) !important;
	border-left-color: #eab308 !important;
}

.pricing-features-list li.gold-highlight svg {
	color: #facc15 !important;
}

.pricing-card-footer {
	margin-top: auto !important;
}

.pricing-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	padding: 13px 20px !important;
	border-radius: 26px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	box-sizing: border-box !important;
}

.btn-vip-primary {
	background: #facc15 !important;
	color: #0a0a0c !important;
	box-shadow: 0 4px 16px rgba(234, 179, 8, 0.35) !important;
}

.btn-vip-primary:hover {
	background: #eab308 !important;
	color: #000000 !important;
	transform: translateY(-1px) !important;
}

/* Dual Checkout Action Buttons (Card & Crypto) */
.pricing-card-actions {
	display: flex !important;
	flex-direction: column !important;
	gap: 9px !important;
	width: 100% !important;
}

.btn-card-checkout {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
}

.btn-card-checkout svg {
	flex-shrink: 0 !important;
}

.btn-crypto-checkout {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 2px !important;
	background: #14151b !important;
	color: #f1f5f9 !important;
	border: 1px solid rgba(234, 179, 8, 0.4) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
	padding: 10px 16px !important;
	border-radius: 26px !important;
}

.btn-crypto-checkout:hover {
	background: #1f2029 !important;
	border-color: #facc15 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 14px rgba(234, 179, 8, 0.25) !important;
}

.btn-crypto-checkout .crypto-top-line {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

.btn-crypto-checkout .crypto-top-line svg {
	color: #facc15 !important;
	flex-shrink: 0 !important;
}

.btn-crypto-checkout .crypto-coin-badges {
	font-size: 10px !important;
	font-weight: 600 !important;
	letter-spacing: 0.5px !important;
	color: #94a3b8 !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
}

/* Deep-Dive Benefits Section */
.pricing-deep-dive-section {
	background: #111116 !important;
	border: 1px solid #242432 !important;
	border-radius: 20px !important;
	padding: 48px 36px !important;
	margin-bottom: 56px !important;
	text-align: center !important;
}

.section-header-block {
	margin-bottom: 36px !important;
}

.section-title {
	font-size: 28px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 10px 0 !important;
}

.section-subtitle {
	font-size: 15px !important;
	color: #a0a0b2 !important;
	max-width: 580px !important;
	margin: 0 auto !important;
	line-height: 1.5 !important;
}

.pricing-benefits-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
	gap: 24px !important;
	text-align: left !important;
}

.benefit-card {
	background: #16161e !important;
	border: 1px solid #282836 !important;
	border-radius: 14px !important;
	padding: 28px 24px !important;
}

.benefit-card.benefit-featured {
	border-color: rgba(234, 179, 8, 0.4) !important;
	background: linear-gradient(180deg, #1b1913 0%, #16161e 100%) !important;
}

.benefit-icon {
	width: 46px !important;
	height: 46px !important;
	border-radius: 12px !important;
	background: #242432 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
	margin-bottom: 18px !important;
}

.benefit-icon.gold-icon {
	background: rgba(234, 179, 8, 0.15) !important;
	color: #facc15 !important;
}

.benefit-title {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 10px 0 !important;
}

.benefit-desc {
	font-size: 13.5px !important;
	color: #a0a0b2 !important;
	line-height: 1.55 !important;
	margin: 0 !important;
}

/* Pricing FAQ Accordion */
.pricing-faq-section {
	max-width: 800px !important;
	margin: 0 auto !important;
}

.pricing-faq-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.faq-item {
	background: #14141a !important;
	border: 1px solid #282834 !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	transition: border-color 0.2s ease !important;
}

.faq-item.is-open {
	border-color: rgba(255, 255, 255, 0.2) !important;
}

.faq-question {
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	padding: 18px 22px !important;
	text-align: left !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	cursor: pointer !important;
	outline: none !important;
}

.faq-chevron {
	color: #88889c !important;
	transition: transform 0.25s ease !important;
	flex-shrink: 0 !important;
}

.faq-item.is-open .faq-chevron {
	transform: rotate(180deg) !important;
	color: #ffffff !important;
}

.faq-answer {
	display: none;
	padding: 0 22px 18px 22px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
	padding-top: 14px !important;
}

.faq-item.is-open .faq-answer {
	display: block !important;
}

.faq-answer p {
	font-size: 14px !important;
	color: #a0a0b2 !important;
	line-height: 1.6 !important;
	margin: 0 !important;
}

/* ==========================================================================
   MODERN TAGS DIRECTORY & SINGLE TAG ARCHIVE (template-tags.php & tag.php)
   ========================================================================== */

.tags-page-content {
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 32px 20px 64px 20px !important;
}

.tags-header-block {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
	margin-bottom: 28px !important;
}

.tags-header-info {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
}

.tags-count-badge {
	background: #181822 !important;
	border: 1px solid #2c2c3c !important;
	color: #a0a0b2 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 4px 14px !important;
	border-radius: 20px !important;
}

.tags-search-container {
	max-width: 340px !important;
	width: 100% !important;
}

.tags-search-box {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
}

.tags-search-icon {
	position: absolute !important;
	left: 14px !important;
	color: #71717a !important;
	pointer-events: none !important;
}

.tag-search-input {
	width: 100% !important;
	background: #15151c !important;
	border: 1px solid #282836 !important;
	border-radius: 24px !important;
	padding: 10px 36px 10px 38px !important;
	color: #ffffff !important;
	font-size: 13.5px !important;
	outline: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.tag-search-input:focus {
	border-color: #ffffff !important;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.15) !important;
}

.tag-search-clear {
	position: absolute !important;
	right: 12px !important;
	background: transparent !important;
	border: none !important;
	color: #88889c !important;
	font-size: 18px !important;
	cursor: pointer !important;
	line-height: 1 !important;
	padding: 0 !important;
}

.tag-search-clear:hover {
	color: #ffffff !important;
}

/* Tags Filter Bar */
.tags-filter-toolbar {
	margin-bottom: 28px !important;
}

.tags-filter-pills {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
}

/* Tags Cards Grid */
.tags-modern-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
	gap: 14px !important;
	margin-bottom: 40px !important;
}

.tag-tile-card {
	background: #15151c !important;
	border: 1px solid #262634 !important;
	border-radius: 12px !important;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.tag-tile-card:hover {
	transform: translateY(-2px) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45) !important;
}

.tag-tile-link {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 14px 16px !important;
	text-decoration: none !important;
}

.tag-hash-symbol {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #52525b !important;
	transition: color 0.2s ease !important;
	flex-shrink: 0 !important;
}

.tag-tile-card:hover .tag-hash-symbol {
	color: #facc15 !important;
}

.tag-tile-body {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	text-align: left !important;
}

.tag-tile-name {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 2px 0 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.tag-tile-count {
	font-size: 12px !important;
	color: #88889c !important;
}

.tag-arrow-chevron {
	color: #52525b !important;
	flex-shrink: 0 !important;
	transition: transform 0.2s ease, color 0.2s ease !important;
}

.tag-tile-card:hover .tag-arrow-chevron {
	color: #ffffff !important;
	transform: translateX(3px) !important;
}

.tags-empty-box {
	text-align: center !important;
	padding: 60px 20px !important;
	color: #88889c !important;
}

.tags-empty-box svg {
	margin-bottom: 14px !important;
	color: #52525b !important;
}

.tags-empty-box h3 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 6px 0 !important;
}

.tags-empty-box p {
	font-size: 14px !important;
	margin: 0 !important;
}

/* Single Tag Archive Page (tag.php) */
.tag-archive-page {
	padding: 24px 0 48px 0 !important;
}

.page-header.tag-archive-header {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 24px !important;
	padding-bottom: 14px !important;
	border-bottom: 1px solid var(--c-border) !important;
	min-height: 52px !important;
	overflow: visible !important;
}

.page-header.tag-archive-header .tag-archive-info {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	margin: 0 !important;
	padding-right: 170px !important;
}

.page-header.tag-archive-header .tag-hash-circle {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	background: #181822 !important;
	border: 1px solid #2e2e40 !important;
	color: #facc15 !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.page-header.tag-archive-header .tag-archive-headings {
	display: flex !important;
	align-items: baseline !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	text-align: left !important;
}

.page-header.tag-archive-header .tag-archive-title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	line-height: 1.2 !important;
}

.page-header.tag-archive-header .tag-archive-count {
	font-size: 13px !important;
	color: #88889c !important;
	font-weight: 500 !important;
}

.page-header.tag-archive-header #filters {
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 1000 !important;
	margin: 0 !important;
}

.tag-archive-description {
	font-size: 14px !important;
	color: #a0a0b2 !important;
	line-height: 1.55 !important;
	margin-bottom: 24px !important;
	text-align: left !important;
}

@media (max-width: 768px) {
	.pricing-main-title {
		font-size: 28px !important;
	}
	.pricing-grid {
		grid-template-columns: 1fr !important;
	}
	.tags-header-block {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	.tags-search-container {
		max-width: 100% !important;
	}
	.tags-modern-grid {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
	}
}

/* ==========================================================================
   Bilingual Language Switcher (TR / EN)
   ========================================================================== */
.lang-switcher {
	display: inline-flex;
	align-items: center;
	background: #141417;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 9999px;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.5px;
	user-select: none;
	box-sizing: border-box;
	vertical-align: middle;
}

.lang-switcher .lang-pill {
	color: #a1a1aa;
	text-decoration: none;
	padding: 2px 7px;
	border-radius: 9999px;
	transition: all 0.18s ease;
	line-height: 1.4;
	display: inline-block;
}

.lang-switcher .lang-pill:hover {
	color: #ffffff;
}

.lang-switcher .lang-pill.is-active {
	color: #000000 !important;
	font-weight: 800;
	background-color: white;
}

.lang-switcher .lang-divider {
	color: #3f3f46;
	margin: 0 1px;
	font-size: 11px;
	opacity: 0.6;
}

/* Mobile Drawer Language Row */
.mobile-drawer-lang-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	background: rgba(255, 255, 255, 0.02);
}

.mobile-drawer-lang-row .drawer-lang-title {
	font-size: 12px;
	font-weight: 600;
	color: #a1a1aa;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Footer Language Switcher */
.footer-lang-switcher {
	display: inline-block;
	margin-left: 14px;
	vertical-align: middle;
}

@media (max-width: 600px) {
	.footer-lang-switcher {
		display: block;
		margin: 10px 0 0 0;
	}
}

/* Pricing Turkish Lira (TRY) Equivalents */
.pricing-try-equivalent {
	font-size: 13px;
	font-weight: 700;
	color: #a1a1aa;
	margin-top: 5px;
	margin-bottom: 6px;
	letter-spacing: 0.3px;
}

.pricing-try-equivalent.gold-text {
	color: #eab308;
}

.plan-card-price {
	font-size: 15px;
	font-weight: 800;
	color: #ffffff;
	margin: 5px 0 3px;
	letter-spacing: -0.2px;
}

.plan-badge-vip .plan-card-price {
	color: #eab308;
}

/* Category Archive Header Styling */
.page-header.category-archive-header {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 24px !important;
	padding-bottom: 14px !important;
	border-bottom: 1px solid var(--c-border) !important;
	min-height: 52px !important;
	overflow: visible !important;
}

.page-header.category-archive-header .category-archive-info {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	margin: 0 !important;
	padding-right: 170px !important;
}

.page-header.category-archive-header .category-folder-icon {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	background: #181822 !important;
	border: 1px solid #2e2e40 !important;
	color: #facc15 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.page-header.category-archive-header .category-archive-headings {
	display: flex !important;
	align-items: baseline !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	text-align: left !important;
}

.page-header.category-archive-header .category-archive-title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	line-height: 1.2 !important;
}

.page-header.category-archive-header .category-archive-count {
	font-size: 13px !important;
	color: #88889c !important;
	font-weight: 500 !important;
}

.page-header.category-archive-header #filters {
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 1000 !important;
	margin: 0 !important;
}

.category-archive-description {
	font-size: 14px !important;
	color: #a0a0b2 !important;
	line-height: 1.55 !important;
	margin-bottom: 24px !important;
	text-align: left !important;
}

/* ==========================================================================
   Free Content & Sample Previews UI
   ========================================================================== */

/* Emerald Free Badge on Video Thumbnails */
.badge-free  {
	 position: absolute !important;
    bottom: 8px !important;
    left: 8px !important;
    background: rgba(43, 168, 12, 0.88) !important;
    color: var(--c-white) !important;
    border: 1px solid var(--c-border) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 3px 7px !important;
    border-radius: var(--c-radius-sm) !important;
    z-index: 5 !important;
}

/* Single Video Free Sample Badges */
.video-free-badge-wrap {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-bottom: 10px !important;
}

.free-sample-single-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	padding: 4px 10px !important;
	border-radius: 20px !important;
	font-size: 11.5px !important;
	font-weight: 800 !important;
	letter-spacing: 0.3px !important;
	text-transform: uppercase !important;
	background: rgba(16, 185, 129, 0.15) !important;
	border: 1px solid rgba(16, 185, 129, 0.35) !important;
	color: #34d399 !important;
}

.free-sample-single-badge svg {
	color: #10b981 !important;
}

.free-sample-sub-pill {
	display: inline-flex !important;
	align-items: center !important;
	padding: 4px 10px !important;
	border-radius: 20px !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	background: #191922 !important;
	border: 1px solid #282834 !important;
	color: #9d9db0 !important;
}

/* Free Sample Hero Section (template-free.php) */
.free-hero-section {
	background: linear-gradient(180deg, #13131a 0%, #0d0d12 100%) !important;
	border: 1px solid #22222e !important;
	border-radius: 14px !important;
	padding: 30px 28px 22px !important;
	margin-bottom: 26px !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.free-hero-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 4px 12px !important;
	border-radius: 999px !important;
	background: rgba(16, 185, 129, 0.12) !important;
	border: 1px solid rgba(16, 185, 129, 0.3) !important;
	color: #34d399 !important;
	font-size: 11.5px !important;
	font-weight: 800 !important;
	letter-spacing: 0.8px !important;
	text-transform: uppercase !important;
	margin-bottom: 12px !important;
}

.free-hero-badge svg {
	color: #10b981 !important;
}

.free-hero-title {
	font-size: 28px !important;
	font-weight: 900 !important;
	color: #ffffff !important;
	letter-spacing: -0.5px !important;
	line-height: 1.25 !important;
	margin: 0 0 10px 0 !important;
}

.free-hero-subtitle {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #a0a0b2 !important;
	margin: 0 0 20px 0 !important;
	max-width: 820px !important;
}

.free-upgrade-banner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	background: #171720 !important;
	border: 1px solid #282836 !important;
	border-radius: 10px !important;
	padding: 14px 18px !important;
	margin-bottom: 24px !important;
}

.free-upgrade-text {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	color: #d1d1e0 !important;
	font-size: 13.5px !important;
	line-height: 1.45 !important;
}

.free-upgrade-text svg {
	color: #f59e0b !important;
	flex-shrink: 0 !important;
}

.free-upgrade-btn {
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	font-size: 13px !important;
	padding: 8px 18px !important;
}

/* Free Filter Bar */
.free-filter-bar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	border-top: 1px solid #1f1f2a !important;
	padding-top: 18px !important;
	margin-top: 4px !important;
}

.free-filter-count {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #bad6c5 !important;
}

.free-count-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #10b981 !important;
	box-shadow: 0 0 8px #10b981 !important;
}

.free-filter-pills {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.free-pill {
	display: inline-flex !important;
	align-items: center !important;
	padding: 6px 14px !important;
	border-radius: 20px !important;
	background: #181822 !important;
	border: 1px solid #282836 !important;
	color: #9d9dae !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
}

.free-pill:hover {
	color: #ffffff !important;
	border-color: #3f3f52 !important;
	background: #20202c !important;
}

.free-pill.is-active {
	background: #ffffff !important;
	color: #0b0b0f !important;
	border-color: #ffffff !important;
	font-weight: 700 !important;
}

/* Free Category Header Additions */
.page-header.free-category-header {
	padding-bottom: 20px !important;
}

.page-header.free-category-header .category-folder-icon svg {
	color: #10b981 !important;
}

.free-category-subtext {
	font-size: 14px !important;
	color: #a0a0b2 !important;
	margin: 12px 0 0 0 !important;
	line-height: 1.5 !important;
}

/* Empty State */
.free-empty-state {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 60px 20px !important;
	text-align: center !important;
	color: #88889a !important;
}

.free-empty-state svg {
	color: #55556a !important;
	margin-bottom: 16px !important;
}

.free-empty-state h3 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #e0e0ec !important;
	margin: 0 0 8px 0 !important;
}

.free-empty-state p {
	font-size: 14px !important;
	color: #88889a !important;
	margin: 0 !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
	.free-hero-section {
		padding: 20px 18px !important;
	}

	.free-hero-title {
		font-size: 22px !important;
	}

	.free-hero-subtitle {
		font-size: 13.5px !important;
	}

	.free-upgrade-banner {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.free-upgrade-btn {
		width: 100% !important;
		text-align: center !important;
	}

	.free-filter-bar {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
	}

	.free-filter-pills {
		width: 100% !important;
		overflow-x: auto !important;
		padding-bottom: 4px !important;
	}
}