/**
 * PlugeTune Customizer — Static Styles.
 *
 * @package PlugeTune
 */

/* Hide common sidebar containers when sidebar is disabled.
   The .plugetune-no-sidebar class is applied to the wrapper element
   when the sidebar is turned off in the Customizer. */
.plugetune-no-sidebar ~ .widget-area,
.plugetune-no-sidebar ~ aside,
.plugetune-no-sidebar ~ #secondary,
.plugetune-no-sidebar ~ .sidebar,
.plugetune-no-sidebar ~ .sidebar-primary {
	display: none !important;
}

/* Disable hover transition on the video thumbnail facade
   (single video page only). */
.plugetune-single-page .plugetune-video-facade,
.plugetune-single-page .plugetune-video-facade:hover {
	transition: none !important;
	transform: none !important;
}

.plugetune-single-page .plugetune-video-facade:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.plugetune-single-page .plugetune-video-facade:hover .plugetune-facade-overlay {
	background: transparent !important;
}

.plugetune-single-page .plugetune-video-facade:hover .plugetune-facade-play-btn {
	transform: none !important;
	background: rgba(229, 9, 20, 0.95) !important;
}

/* Full-width preset: remove card framing and player padding. */
.plugetune-single-page.plugetune-layout-full .plugetune-single-container {
	border-radius: 0 !important;
	border-left: none !important;
	border-right: none !important;
}

.plugetune-single-page.plugetune-layout-full .plugetune-single-player {
	padding: 0 !important;
}

.plugetune-single-page.plugetune-layout-full .plugetune-single-player .plugetune-video-facade,
.plugetune-single-page.plugetune-layout-full .plugetune-single-player .plugetune-video-wrapper {
	border-radius: 0 !important;
}

/* Container style presets. */
.plugetune-single-page.plugetune-card-flat .plugetune-single-container {
	box-shadow: none !important;
	border: 1px solid #e5e7eb !important;
}

.plugetune-single-page.plugetune-card-plain .plugetune-single-container {
	box-shadow: none !important;
	border: none !important;
	background: transparent !important;
	border-radius: 0 !important;
}

/* Responsive padding scaling (uses CSS variables set by the
   dynamic stylesheet for values that must scale with user settings). */
@media screen and (max-width: 768px) {
	.plugetune-single-page .plugetune-single-info {
		padding: 20px var(--plugetune-content-padding-mobile, 21px) 24px !important;
	}

	.plugetune-single-page .plugetune-single-player {
		padding: 16px var(--plugetune-container-padding-mobile, 12px) 0 !important;
	}

	.plugetune-single-page .plugetune-single-comments {
		padding: 0 var(--plugetune-content-padding-mobile, 21px) 24px !important;
	}
}