/*
Theme Name: videopro-child
Template: videopro
Author: tagupDevelopers
Version: 1.0
*/

a.um-follow-btn,
a.um-subscrib-btn,
a.um-prospect-btn,
a.um-commit-btn {

	background: transparent;
	color: #fff !important;
}

a.um-unprospect-btn,
a.um-unfollow-btn,
a.um-unsubscrib-btn,
a.um-uncommit-btn {
	background: #666666 !important;
	color: #fff !important;
}

.f_button {
	border-radius: 4px;
	font-size: small !important;
	text-decoration: none !important;
	padding: 11px;
}

.um-button {
	overflow: inherit !important;
	font-size: 13px !important;
}

.f_button:hover {
	background: #999999 !important;
}

.um-button:hover {
	background: #999999 !important;
}

.name a {
	text-decoration: none !important;
}

.um-member-name a {
	color: #ff6206 !important;
}

.follow_page {
	padding: 15px 0 15px 70px !important;
}

.follow_name a {
	text-decoration: none !important;
}

a.um-message-btn {
	background: transparent;
	padding: 3px 23px !important;
	font-size: 13px !important;
}

.um-friends-user {
	min-height: 50px !important;
}

.cmb-th {
	color: #999999 !important;
	font-weight: 500 !important;
}

.button-primary {
	background-color: transparent;
}

.button-primary:hover {
	background-color: #999999 !important;
}

.um-profile-subnav {
	background: #1D1D1D !important;
}

.um-member {
	background: #3c3c3c !important;
	border: none !important;
}

.um-followers-user-bio {
	line-height: 15px !important;
}

.um-followers-user {
	padding: 15px 0 5px 70px !important;
}

.um-friends-user {
	position: relative !important;
	border-bottom: 1px solid #eee !important;
}

.um-friends-user p {
	margin: 0px !important;
	padding: 0px !important;
}

.um-followers-user-btn a.um-subscribe-btn {
	padding: 3px 6px 3px 6px !important;
}

.comments .um-item-meta span a {
	border-bottom: none !important;
	color: #eeeeee !important;
}

.comments .um-item-meta span a:hover {
	color: transparent;
}

.comments .um-item {
	background: #444 !important;
	border-radius: 5px !important;
	padding: 10px 0px 10px 29px !important;
	margin: 0px 0px 23px 34px;
	width: 25%;
	border-bottom: none !important;
}

.comments .um-item:hover {
	color: transparent;
}

a.um-follow-edit {
	background: #555555 !important;
}

.tagup {
	background: transparent;
}

.tagup:hover {
	background: #ffffff !important;
}

@media (min-width: 300px) and (max-width: 900px) {
	.player tr td {
		font-size: 11px !important;
	}

	.player a.um-follow-btn {
		padding: 1px 2px 1px 2px !important;
	}

	table:not(#wp-calendar) thead tr:first-child>* {
		padding: 7px 9px 5px 14px !important;
	}

	.player td.player_pic {
		float: left;
	}

	body {
		line-height: 1;
	}

	span.um-reviews-avg i {
		font-size: 14px;
		display: inherit;
	}

	.player th {
		font-size: 10px;
	}
}

@media (min-width: 320px) and (max-width: 570px) {
	#tagupmodal .modal-title {
		font-size: 12px !important;
	}

	.demo div {
		font-size: 12px;
	}

	#tabs span {
		padding: 9px 9px 9px 9px !important;
		font-size: 11px !important;
	}

	.video_modal1 {
		font-size: 10px !important;
	}

	.tagup_video_modal {
		padding: 5px 30px 5px 30px !important;
		font-size: 12px !important;
	}
}

/* @media screen and (max-width: 600px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
tbody td {display: block;  text-align:center;}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
} */
div.uimob800 .um-profile-photo a.um-profile-photo-img {
	background: 0 !important;
}

div.uimob800 .um-profile-photo a.um-profile-photo-img img {
	border: 3px solid #fff !important;
}

.ihc-level-item-link {
	background-color: transparent;
}

.videopro_widget_categories .widget_casting_content.widget-cat-style-icon h4 a:hover {
	color: rgba(153, 153, 153, 1.0) !important;
}

.videopro_widget_categories .channel-subscribe.current h4 a {
	color: transparent;
}

.videopro_widget_categories .channel-subscribe.current .channel-subscribe.current h4 a {
	color: rgba(153, 153, 153, 1.0) !important;
}

.widget_casting .channel-subscribe.current .channel-subscribe.current .channel-title span {
	color: rgba(153, 153, 153, 1.0) !important;
}

.um-main-meta {
	padding: 3px 0 0 0 !important;
}

.um-name {
	border-radius: 7px;
	background-color: rgba(0, 0, 0, 0.7);
	padding-right: 5px;
	line-height: 25px !important;
	margin-top: -40px !important;
}

.channel-title .h4 {
	float: left;
	border-radius: 7px;
	background-color: rgba(0, 0, 0, 0.7) !important;
	line-height: 15px !important;
	padding: 5px;
	margin-top: -30px;
}

.um-followers-rc a.current {
	color: transparent;
}

.um-followers-rc a:hover {
	color: transparent;
}

#cactus-body-container~.main-bottom-sidebar-wrap {
	z-index: 1;
}

/* Recommendations Modal */
.tus_modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tus_modal_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.85);
	backdrop-filter: blur(4px);
}

.tus_modal_content {
	position: relative;
	background: #1a1a1a;
	border-radius: 16px;
	max-width: 1200px;
	width: 90%;
	max-height: 90vh;
	overflow-y: auto;
	padding: 32px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
	animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
	from {
		opacity: 0;
		transform: translateY(-20px) scale(0.95);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.tus_modal_close {
	position: absolute;
	top: 16px;
	right: 16px;
	background: transparent;
	border: none;
	color: #999;
	font-size: 32px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	transition: all 0.2s;
}

.tus_modal_close:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.tus_modal_header {
	margin-bottom: 24px;
}

.tus_modal_header h3 {
	font-size: 24px;
	font-weight: 600;
	margin: 0;
	color: #fff;
}

.tus_modal_header h3 .player-name {
	color: var(--tus-primary-color, #e53935);
}

.tus_recommendations_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
	margin-bottom: 24px;
}

.tus_recommendation_card {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s;
	cursor: pointer;
	position: relative;
}

.tus_recommendation_card:hover {
	background: rgba(255, 255, 255, 0.08);
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.tus_recommendation_card_thumb {
	width: 100%;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.3);
}

.tus_recommendation_card_thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tus_recommendation_card_content {
	padding: 12px;
}

.tus_recommendation_card_name {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 4px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tus_recommendation_card_meta {
	font-size: 12px;
	color: #999;
	margin-bottom: 8px;
}

.tus_recommendation_card_stats {
	display: flex;
	gap: 8px;
	font-size: 11px;
	color: #666;
}

.tus_recommendation_card_follow {
	position: absolute;
	top: 8px;
	right: 8px;
	background: var(--tus-primary-color, #e53935);
	color: #fff;
	border: none;
	border-radius: 20px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	opacity: 0;
	transition: all 0.2s;
}

.tus_recommendation_card:hover .tus_recommendation_card_follow {
	opacity: 1;
}

.tus_recommendation_card_follow:hover {
	background: var(--tus-primary-color-dark, #c62828);
}

.tus_modal_footer {
	text-align: center;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.tus_modal_footer .tus_button {
	background: transparent;
	color: #999;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 10px 24px;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.2s;
}

.tus_modal_footer .tus_button:hover {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.3);
	color: #fff;
}

@media (max-width: 768px) {
	.tus_modal_content {
		padding: 20px;
		width: 95%;
	}

	.tus_modal_header h3 {
		font-size: 18px;
		padding-right: 40px;
	}

	.tus_recommendations_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
}

/* ===== SHORTS PLAYER STYLING ===== */

/* Container - Center and set max width */
.tus_vue_inline_wrap.is_short_wrap {
	max-width: 100% !important;
	margin: 0 auto !important;
	display: flex !important;
	justify-content: center !important;
	background: transparent !important;
}

/* Player wrapper */
.is_short_wrap .tus_player_wrap {
	max-width: 400px !important;
	width: 100% !important;
	margin: 0 auto !important;
}

/* Video player - Border radius and proper sizing */
.is_short_wrap .video-js,
.is_short_wrap .tus_player_wrap .video-js,
.is_short_wrap video {
	border-radius: 12px !important;
	overflow: hidden !important;
	max-width: 400px !important;
	width: 100% !important;
	margin: 0 auto !important;
}

/* Mobile - Full width, no sidebars */
@media (max-width: 768px) {

	.viewing_short .cactus-sidebar,
	body.single-video.viewing_short aside {
		display: none !important;
	}

	.viewing_short .main-content-col {
		width: 100% !important;
		padding: 0 !important;
	}

	.is_short_wrap .tus_player_wrap,
	.is_short_wrap .video-js,
	.is_short_wrap video {
		max-width: 100vw !important;
		width: 100% !important;
		border-radius: 0 !important;
	}

	.is_short_wrap {
		padding: 0 !important;
		margin: 0 !important;
	}

}

/* Shorts grid: always 5 columns on desktop */
.cactus-listing-config.style-2.has_shorts .cactus-post-item {
	width: 20% !important;
}

/* Override parent theme 1600px+ rules — parent uses #body-wrap (ID) which beats class selectors */
@media (min-width: 1600px) {
	#body-wrap .cactus-listing-config.style-2.has_shorts .cactus-post-item,
	#body-wrap .style-channel-listing.cactus-listing-config.style-2.has_shorts .cactus-post-item {
		width: 20% !important;
	}
}