/* Normal-tube space skin. Visual background and spacing only.
   Never targets iframes, video, WPS Player, ad zones, or affiliate backlinks. */

html.xlo-tube-space,
body.xlo-tube-space,
body.custom-background.xlo-tube-space {
	background-color: #000 !important;
	background-image: radial-gradient(circle at 50% 38%, rgba(255, 127, 0, 0.14), transparent 42%) !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-size: cover !important;
}

#xlo-tube-space {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
}

body.xlo-tube-space:not(.xlo-ts-has-canvas)::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image: radial-gradient(rgba(255, 127, 0, 0.45) 1.1px, transparent 1.2px);
	background-size: 22px 22px;
	opacity: 0.28;
	mask-image: radial-gradient(circle at 50% 38%, #000 0%, transparent 78%);
	-webkit-mask-image: radial-gradient(circle at 50% 38%, #000 0%, transparent 78%);
}

/* Keep site chrome above the particles; do not cover ads or players. */
body.xlo-tube-space #page,
body.xlo-tube-space #masthead,
body.xlo-tube-space #content,
body.xlo-tube-space #colophon,
body.xlo-tube-space #site-navigation {
	position: relative;
	z-index: 1;
}

/* Mobile open menu was behind page content and the VIP banner:
   #masthead/#site-navigation shared z-index:1 with #content, and
   .xlo-vip-banner-wrapper is z-index:9999. Raise only the header/nav
   (theme breakpoint 991.98px), still below age/cookie overlays. */
@media (max-width: 991.98px) {
	body.xlo-tube-space #masthead,
	body.xlo-tube-space #site-navigation {
		z-index: 10000;
	}
}

body.xlo-tube-space #page,
body.xlo-tube-space #wrapper,
body.xlo-tube-space .site {
	background-color: transparent !important;
	background-image: none !important;
}

/* Airy, floating column over the space. Does not resize players or thumbs. */
body.xlo-tube-space #content,
body.xlo-tube-space .site-content {
	padding-top: 28px;
	padding-bottom: 56px;
}

body.xlo-tube-space #main,
body.xlo-tube-space .site-main {
	padding-left: 10px;
	padding-right: 10px;
}

body.xlo-tube-space #main .videos-list,
body.xlo-tube-space .videos-list {
	margin-top: 8px;
}

body.xlo-tube-space #main .thumb-block {
	margin-bottom: 18px;
}

body.xlo-tube-space #main .widget-title,
body.xlo-tube-space .widget-title {
	margin-bottom: 16px;
}

/* Skin Link mobile banner: keep the clickable area, restyle to space (do not edit that plugin). */
@media (max-width: 768px) {
	body.xlo-tube-space #masthead .site-branding a.xlo-skin-banner {
		background-color: #000 !important;
		background-image: radial-gradient(circle at 50% 40%, rgba(255, 127, 0, 0.28), transparent 58%),
			radial-gradient(rgba(255, 127, 0, 0.45) 1.1px, transparent 1.2px) !important;
		background-size: cover, 22px 22px !important;
		background-position: center, 0 0 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.xlo-tube-space:not(.xlo-ts-has-canvas)::before {
		opacity: 0.2;
	}
}

/* WooCommerce cart, checkout and account: readable forms over the space
   background. Visual only — do not hide, move or restyle field/button layout. */
body.xlo-tube-space.woocommerce-page .breadcrumbs-area,
body.xlo-tube-space.woocommerce-page .woocommerce-breadcrumb,
body.xlo-tube-space.woocommerce-page .page-title,
body.xlo-tube-space.woocommerce-page .entry-title,
body.xlo-tube-space.woocommerce-page .entry-content,
body.xlo-tube-space.woocommerce-page .woocommerce {
	color: #f3f3f3;
}

body.xlo-tube-space.woocommerce-page .woocommerce label,
body.xlo-tube-space.woocommerce-page .woocommerce legend,
body.xlo-tube-space.woocommerce-page .woocommerce h1,
body.xlo-tube-space.woocommerce-page .woocommerce h2,
body.xlo-tube-space.woocommerce-page .woocommerce h3,
body.xlo-tube-space.woocommerce-page .woocommerce th,
body.xlo-tube-space.woocommerce-page .woocommerce td,
body.xlo-tube-space.woocommerce-page .woocommerce p,
body.xlo-tube-space.woocommerce-page .woocommerce .form-row {
	color: #f3f3f3;
}

body.xlo-tube-space.woocommerce-page .woocommerce input[type="text"],
body.xlo-tube-space.woocommerce-page .woocommerce input[type="email"],
body.xlo-tube-space.woocommerce-page .woocommerce input[type="tel"],
body.xlo-tube-space.woocommerce-page .woocommerce input[type="password"],
body.xlo-tube-space.woocommerce-page .woocommerce input[type="number"],
body.xlo-tube-space.woocommerce-page .woocommerce input[type="url"],
body.xlo-tube-space.woocommerce-page .woocommerce input[type="date"],
body.xlo-tube-space.woocommerce-page .woocommerce textarea,
body.xlo-tube-space.woocommerce-page .woocommerce select,
body.xlo-tube-space.woocommerce-page .woocommerce .select2-container .select2-selection--single {
	background-color: #141414;
	color: #f5f5f5;
	border-color: rgba(255, 127, 0, 0.35);
}

body.xlo-tube-space.woocommerce-page .woocommerce input[type="text"]::placeholder,
body.xlo-tube-space.woocommerce-page .woocommerce input[type="email"]::placeholder,
body.xlo-tube-space.woocommerce-page .woocommerce input[type="tel"]::placeholder,
body.xlo-tube-space.woocommerce-page .woocommerce input[type="password"]::placeholder,
body.xlo-tube-space.woocommerce-page .woocommerce textarea::placeholder {
	color: #b0b0b0;
	opacity: 1;
}

body.xlo-tube-space.woocommerce-page .woocommerce .woocommerce-error,
body.xlo-tube-space.woocommerce-page .woocommerce .woocommerce-info,
body.xlo-tube-space.woocommerce-page .woocommerce .woocommerce-message {
	color: #1a1a1a;
}