/**
 * DiaperBay Glassmorphism
 * Accent #FF3565 · Base #181818
 * Layout-safe: no float/width/height/padding changes on video grid or header.
 */

:root {
	--db-accent: #FF3565;
	--db-accent-rgb: 255, 53, 101;
	--db-accent-soft: rgba(255, 53, 101, 0.22);
	--db-accent-glow: rgba(255, 53, 101, 0.4);
	--db-bg: #181818;
	--db-bg-deep: #0c0c0c;
	--db-glass: rgba(255, 255, 255, 0.055);
	--db-glass-2: rgba(255, 255, 255, 0.09);
	--db-stroke: rgba(255, 255, 255, 0.12);
	--db-stroke-2: rgba(255, 255, 255, 0.18);
	--db-text: #f3f3f3;
	--db-muted: #a3a3a3;
	--db-blur: 20px;
	--db-font: "Outfit", "Segoe UI", sans-serif;
}

/* ========== Atmosphere ========== */
html {
	background: var(--db-bg-deep);
}

body,
body.custom-background {
	background-color: var(--db-bg) !important;
	background-image:
		radial-gradient(ellipse 1100px 520px at 12% -8%, rgba(var(--db-accent-rgb), 0.16), transparent 58%),
		radial-gradient(ellipse 900px 480px at 92% 4%, rgba(var(--db-accent-rgb), 0.08), transparent 52%),
		radial-gradient(ellipse 800px 600px at 50% 110%, rgba(var(--db-accent-rgb), 0.05), transparent 50%),
		linear-gradient(180deg, #1d1d1d 0%, var(--db-bg) 45%, var(--db-bg-deep) 100%) !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	color: var(--db-text);
	font-family: var(--db-font);
	-webkit-font-smoothing: antialiased;
}

#page {
	background: transparent;
}

a {
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

/* ========== Header glass ========== */
.header.row {
	background: rgba(18, 18, 18, 0.62);
	backdrop-filter: blur(var(--db-blur)) saturate(1.35);
	-webkit-backdrop-filter: blur(var(--db-blur)) saturate(1.35);
	border-bottom: 1px solid var(--db-stroke);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.04) inset,
		0 10px 30px rgba(0, 0, 0, 0.28);
}

.site-branding,
.site-content {
	background: transparent !important;
}

.site-branding .logo img {
	filter: drop-shadow(0 4px 14px rgba(var(--db-accent-rgb), 0.28));
}

.site-title a {
	color: var(--db-text) !important;
	letter-spacing: -0.02em;
}

p.site-description {
	color: var(--db-muted) !important;
}

/* ========== Nav glass strip (keep theme geometry) ========== */
#site-navigation ul {
	background: rgba(255, 255, 255, 0.05) !important;
	backdrop-filter: blur(14px) saturate(1.25);
	-webkit-backdrop-filter: blur(14px) saturate(1.25);
	border-top: 1px solid var(--db-stroke);
	border-bottom: 1px solid var(--db-stroke);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
}

#site-navigation > ul > li > a {
	color: #ececec !important;
	font-weight: 500;
	letter-spacing: 0.01em;
}

#site-navigation > ul > li:hover > a {
	color: #fff !important;
}

#site-navigation ul li.current-menu-item a {
	border-bottom-color: var(--db-accent) !important;
	text-shadow: 0 0 18px rgba(var(--db-accent-rgb), 0.45);
}

#site-navigation ul ul {
	background: rgba(20, 20, 20, 0.92) !important;
	backdrop-filter: blur(22px) saturate(1.4);
	-webkit-backdrop-filter: blur(22px) saturate(1.4);
	border: 1px solid var(--db-stroke-2) !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
}

#site-navigation ul ul li a {
	color: var(--db-text) !important;
}

#site-navigation ul ul li a:hover {
	background: var(--db-accent-soft) !important;
	color: #fff !important;
}

#site-navigation .membership .login a.button,
#site-navigation .membership a.button {
	box-shadow: 0 4px 16px var(--db-accent-glow);
}

/* Membership account dropdown — readable on dark glass */
#site-navigation .membership .welcome {
	color: var(--db-text) !important;
}
#site-navigation .membership ul.sub-menu,
#site-navigation .membership .welcome > ul.nav-menu {
	background: rgba(20, 20, 20, 0.96) !important;
	border: 1px solid var(--db-stroke-2) !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55) !important;
}
#site-navigation .membership ul.sub-menu a,
#site-navigation .membership .welcome > ul a {
	color: var(--db-text) !important;
	opacity: 1 !important;
}
#site-navigation .membership ul.sub-menu .topbar-item-text {
	color: var(--db-text) !important;
	opacity: 1 !important;
}
#site-navigation .membership ul.sub-menu a:hover {
	background: var(--db-accent-soft) !important;
	color: #fff !important;
}

/* ========== Search glass ========== */
.header-search input[type="text"],
.header-search input.input-group-field,
#searchform input[type="text"] {
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid var(--db-stroke) !important;
	color: var(--db-text) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.header-search input[type="text"]:focus,
#searchform input[type="text"]:focus {
	border-color: var(--db-accent) !important;
	box-shadow: 0 0 0 3px var(--db-accent-soft), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.header-search input#searchsubmit,
#searchsubmit {
	box-shadow: 0 4px 14px var(--db-accent-glow);
}

/* ========== Main content glass panel ========== */
.archive-content {
	background: var(--db-glass) !important;
	backdrop-filter: blur(var(--db-blur)) saturate(1.2);
	-webkit-backdrop-filter: blur(var(--db-blur)) saturate(1.2);
	border: 1px solid var(--db-stroke);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.05) inset,
		0 12px 36px rgba(0, 0, 0, 0.3);
}

.page-title,
.page .entry-title,
.comments-title,
.comment-reply-title,
.widget-title,
.entry-title,
h1, h2, h3, h4 {
	color: var(--db-text) !important;
	letter-spacing: -0.02em;
}

.page-title,
.page .entry-title,
.comments-title,
.comment-reply-title {
	border-color: var(--db-accent) !important;
}

/* ========== Video cards — visual only (no layout edits) ========== */
.thumb-block .post-thumbnail {
	border-radius: 12px;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.08),
		0 8px 22px rgba(0, 0, 0, 0.42);
	background-color: #050505;
}

.thumb-block:hover .post-thumbnail {
	box-shadow:
		0 0 0 1px rgba(var(--db-accent-rgb), 0.45),
		0 10px 28px rgba(0, 0, 0, 0.55),
		0 0 24px rgba(var(--db-accent-rgb), 0.18);
}

/* Scale image inside clip — does not disturb float grid */
@media (prefers-reduced-motion: no-preference) {
	.thumb-block .post-thumbnail img,
	.thumb-block .post-thumbnail-container img {
		transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease;
	}

	.thumb-block:hover .post-thumbnail img,
	.thumb-block:hover .post-thumbnail-container img {
		transform: scale(1.045);
		filter: brightness(1.05);
	}
}

.thumb-block .entry-header {
	color: var(--db-text) !important;
}

.thumb-block .title,
.thumb-block span.title {
	color: var(--db-text) !important;
	font-weight: 600;
}

.thumb-block:hover span.title,
.thumb-block:hover .title {
	color: var(--db-accent) !important;
}

.thumb-block .views {
	color: var(--db-muted) !important;
}

.thumb-block .rating {
	color: #a6e04a !important;
}

span.duration {
	background: rgba(10, 10, 10, 0.55) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-left: 0;
	border-bottom: 0;
	border-radius: 0 8px 0 10px;
	font-weight: 600;
}

span.hd-video {
	background: rgba(255, 255, 255, 0.12) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff !important;
	border-radius: 8px !important;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.03em;
}

.thumb-block:hover span.hd-video {
	background: var(--db-accent) !important;
	border-color: transparent;
	box-shadow: 0 4px 14px var(--db-accent-glow);
}

.no-thumb,
.post-thumbnail-container.no-thumb {
	background: rgba(255, 255, 255, 0.05) !important;
}

.no-thumb span {
	color: var(--db-muted) !important;
}

/* ========== Filters / tabs ========== */
.filters a {
	color: var(--db-muted) !important;
}

.filters a:hover,
.filters a.active {
	color: #fff !important;
}

.filters a.active {
	border-color: var(--db-accent) !important;
	text-shadow: 0 0 12px rgba(var(--db-accent-rgb), 0.35);
}

#video-tabs button.tab-link,
#video-tabs .tab-link {
	background: var(--db-glass) !important;
	border: 1px solid var(--db-stroke) !important;
	color: var(--db-text) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

#video-tabs button.tab-link.active,
#video-tabs .tab-link.active {
	background: var(--db-accent) !important;
	border-color: var(--db-accent) !important;
	color: #fff !important;
	box-shadow: 0 4px 16px var(--db-accent-glow);
}

/* ========== Buttons ========== */
button,
.button,
.btn,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button {
	box-shadow: 0 4px 18px var(--db-accent-glow);
	font-weight: 600;
}

button:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover,
a.button:hover {
	filter: brightness(1.08);
	box-shadow: 0 6px 22px var(--db-accent-glow);
}

#back-to-top {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 8px 24px rgba(var(--db-accent-rgb), 0.4);
}

/* ========== Forms ========== */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
	background: rgba(255, 255, 255, 0.07) !important;
	border-color: var(--db-stroke) !important;
	color: var(--db-text) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

input:focus,
textarea:focus,
select:focus {
	border-color: var(--db-accent) !important;
	box-shadow: 0 0 0 3px var(--db-accent-soft) !important;
}

::placeholder {
	color: rgba(255, 255, 255, 0.35) !important;
}

/* ========== Left sidebar (archive-aside) ========== */
.archive-aside {
	background: rgba(255, 255, 255, 0.05) !important;
	backdrop-filter: blur(22px) saturate(1.35);
	-webkit-backdrop-filter: blur(22px) saturate(1.35);
	border: 1px solid var(--db-stroke);
	border-radius: 16px;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 14px 36px rgba(0, 0, 0, 0.35);
	padding: 18px 12px 18px 12px !important;
	margin-top: 20px;
	box-sizing: border-box;
	color: var(--db-text);
}

/* Kill nested glass — filters are just a section inside the one panel */
.archive-aside .aside-filters,
.archive-aside .aside-block {
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border: none !important;
	box-shadow: none !important;
}

.aside-block {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	margin-bottom: 14px !important;
	padding-bottom: 14px !important;
}

.archive-aside .aside-block:last-child {
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.archive-aside h3 {
	margin: 0 0 10px !important;
	padding: 0 8px;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.45) !important;
	border: none !important;
}

.archive-aside a,
.aside-filters span a {
	color: var(--db-muted) !important;
	background: transparent !important;
	display: block;
	padding: 7px 10px !important;
	margin: 2px 0;
	border-radius: 10px !important;
	border: 1px solid transparent !important;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.archive-aside a:hover,
.aside-filters span a:hover {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

.archive-aside a.active,
.aside-filters span a.active {
	color: #fff !important;
	background: rgba(var(--db-accent-rgb), 0.2) !important;
	border-color: rgba(var(--db-accent-rgb), 0.35) !important;
	font-weight: 600 !important;
	box-shadow: 0 0 0 1px rgba(var(--db-accent-rgb), 0.15) inset;
}

.aside-filters span i {
	color: var(--db-accent);
	opacity: 0.9;
	width: 16px;
	text-align: center;
	margin-right: 4px;
}

.archive-aside a.show-all-link {
	margin-top: 8px !important;
	color: var(--db-accent) !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	letter-spacing: 0.02em;
	background: transparent !important;
	border-color: transparent !important;
}

.archive-aside a.show-all-link:hover {
	background: rgba(var(--db-accent-rgb), 0.12) !important;
	color: #fff !important;
}

/* ========== Tag clouds / category widgets (content areas) ========== */
a.tag-cloud-link,
.widget_categories ul li a,
.template-actors li a,
.tags-letter-block .tag-items .tag-item a {
	background: var(--db-glass-2) !important;
	border: 1px solid var(--db-stroke) !important;
	color: var(--db-text) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

a.tag-cloud-link:hover,
.widget_categories ul li a:hover,
.template-actors li a:hover,
.tags-letter-block .tag-items .tag-item a:hover {
	background: var(--db-accent) !important;
	border-color: transparent !important;
	color: #fff !important;
	box-shadow: 0 4px 14px var(--db-accent-glow);
}

/* Content widgets / panels — not the left sidebar */
.widget,
.under-video-block,
#video-tabs,
.single .hentry,
.page .hentry,
.comments-area {
	background: var(--db-glass) !important;
	backdrop-filter: blur(var(--db-blur)) saturate(1.2);
	-webkit-backdrop-filter: blur(var(--db-blur)) saturate(1.2);
	border: 1px solid var(--db-stroke);
	border-radius: 14px;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.04) inset,
		0 10px 28px rgba(0, 0, 0, 0.25);
	color: var(--db-text);
}

.widget {
	padding: 14px 16px;
	margin-bottom: 18px;
}

.widget a {
	color: var(--db-muted);
}

.widget a:hover {
	color: var(--db-accent) !important;
}

.categories-list .thumb-block .entry-header .cat-title,
.categories-list .thumb-block .entry-header span {
	color: var(--db-text) !important;
}

/* ========== Pagination ========== */
.pagination ul li a {
	background: var(--db-glass-2) !important;
	border: 1px solid var(--db-stroke) !important;
	color: var(--db-text) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.pagination ul li a.current,
.pagination ul li a:hover {
	color: #fff !important;
	box-shadow: 0 4px 14px var(--db-accent-glow);
}

/* ========== Player / single ========== */
.video-player,
.responsive-player,
#video-player {
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
	border: 1px solid var(--db-stroke);
}

/*
 * Theme keeps .video-player-area at #eee (light). Glass forced light
 * heading/body text (#f3f3f3) site-wide, so title/views were invisible.
 * Match the dark DiaperBay panel so meta under the player stays readable.
 */
.video-player-area {
	background: rgba(18, 18, 18, 0.72) !important;
	backdrop-filter: blur(16px) saturate(1.2);
	-webkit-backdrop-filter: blur(16px) saturate(1.2);
	border: 1px solid var(--db-stroke);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.04) inset,
		0 12px 36px rgba(0, 0, 0, 0.35);
	color: var(--db-text);
	overflow: hidden;
}

.video-player-area .video-player {
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.video-player-area .video-infos {
	padding: 16px 18px 12px;
	align-items: flex-start;
	gap: 12px;
}

.video-player-area .video-infos .title-views {
	flex: 1;
	min-width: 0;
}

.video-player-area .video-infos h1,
.video-player-area h1 {
	color: #fff !important;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: -0.02em;
	margin: 0 0 6px;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}

.video-player-area .video-infos .views,
.video-player-area .video-infos .views i {
	color: var(--db-muted) !important;
	font-size: 0.9rem;
}

.video-player-area .video-actions {
	background: rgba(255, 255, 255, 0.05) !important;
	border-top: 1px solid var(--db-stroke);
	border-bottom: 1px solid var(--db-stroke);
	padding: 4px 0;
}

#video-links a,
#video-links a i,
.morelink,
.post-like a {
	color: var(--db-muted) !important;
}

#video-links a:hover,
#video-links a:hover i,
.morelink:hover,
.post-like a:hover {
	color: var(--db-accent) !important;
}

.rating-bar {
	background: rgba(255, 255, 255, 0.08) !important;
}

.video-player-area .video-tags {
	padding: 14px 18px 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.video-player-area .video-tags a,
.video-player-area .video-tags .label {
	margin: 0 !important;
	background: var(--db-glass-2) !important;
	border: 1px solid var(--db-stroke);
	color: var(--db-text) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.video-player-area .video-tags a:hover,
.video-player-area .video-tags .label:hover,
.video-player-area .video-tags a:hover i,
.video-player-area .video-tags .label:hover i {
	background: var(--db-accent) !important;
	border-color: transparent;
	color: #fff !important;
}

.video-player-area .video-description {
	padding: 4px 18px 18px;
	color: var(--db-muted);
}

.video-player-area .video-description p,
.video-player-area .video-description .desc {
	color: var(--db-muted) !important;
	font-size: 0.95rem;
	line-height: 1.55;
	text-align: left;
}

.video-player-area .video-share {
	border-bottom-color: var(--db-stroke);
	color: var(--db-text);
}

.video-player-area .video-share span.title,
.video-player-area .video-share .video-share-url #clickme,
.video-player-area #clickme i {
	color: var(--db-text) !important;
}

@media (max-width: 767.98px) {
	.video-player-area {
		border-radius: 0;
		border-left: none;
		border-right: none;
	}

	.video-player-area .video-infos {
		padding: 14px 14px 10px;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.video-player-area .video-infos h1,
	.video-player-area h1 {
		font-size: 1.05rem;
		margin-bottom: 8px;
	}

	.video-player-area .video-infos .views {
		display: inline-block;
		margin-top: 2px;
	}

	.video-player-area .video-actions {
		flex-wrap: wrap;
		padding: 6px 4px;
	}

	#video-rate {
		width: auto;
		flex: 1 1 55%;
		min-width: 140px;
		margin: 8px 12px;
	}

	#video-links {
		margin: 10px 12px;
	}

	.video-player-area .video-tags {
		padding: 12px 14px 8px;
		gap: 8px;
	}

	.video-player-area .video-description {
		padding: 2px 14px 16px;
	}
}

/* ========== Footer ========== */
.footer-widget-zone {
	background: rgba(255, 255, 255, 0.04) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-top: 1px solid var(--db-stroke);
	border-bottom: 1px solid var(--db-stroke);
}

.site-footer {
	background: transparent !important;
	color: var(--db-muted);
}

.footer-menu-container a,
.site-footer a,
.site-footer .site-info {
	color: var(--db-muted) !important;
}

.footer-menu-container a:hover,
.site-footer a:hover {
	color: var(--db-accent) !important;
}

.social-share a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0 4px;
	border-radius: 12px;
	background: var(--db-glass-2);
	border: 1px solid var(--db-stroke);
	color: var(--db-text) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-sizing: border-box;
}

.social-share a:hover {
	background: var(--db-accent) !important;
	border-color: transparent;
	box-shadow: 0 6px 18px var(--db-accent-glow);
}

/* ========== Text / SEO ========== */
.entry-content,
.entry-content p,
.under-video-block p,
.seo-text,
.seo-desc {
	color: var(--db-muted);
}

.entry-content a {
	color: var(--db-accent);
}

/* ========== Modals ========== */
.modal-content {
	background: rgba(20, 20, 20, 0.9) !important;
	backdrop-filter: blur(24px) saturate(1.4);
	-webkit-backdrop-filter: blur(24px) saturate(1.4);
	border: 1px solid var(--db-stroke-2) !important;
	color: var(--db-text) !important;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
}

/* ========== Mobile nav ========== */
@media (max-width: 575.98px) {
	#site-navigation {
		background: rgba(18, 18, 18, 0.96) !important;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}

	.membership .login a {
		background: var(--db-glass-2) !important;
		color: var(--db-text) !important;
		border: 1px solid var(--db-stroke);
	}

	.thumb-block .post-thumbnail {
		border-radius: 10px;
	}
}