/*
Theme Name: POV Models
Template: famoustube
Description: The official POV Models experience — polished video pages built for maximum search visibility, with full performer credits, complete thumbnail galleries, and rich search-engine markup on every video.
Author: povmodels.com
Version: 1.0.3
*/

/**
 * Sticky header on mobile.
 *
 * #wrapper-navbar contains both the logo/search bar and the (collapsed)
 * nav menu. On mobile the parent theme collapses the nav bar itself to
 * 0 height (see .navbar { height: 0; } in css/custom.css), so only the
 * logo/search bar is visible — that's what stays pinned here. The
 * hamburger dropdown menu is already positioned relative to this same
 * wrapper, so it keeps opening in the right place.
 */
@media (max-width: 767.98px) {
	#wrapper-navbar {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		/* Must beat .video-block .duration / .hd-video, which use
		   z-index: 9999 (see css/custom.css) — otherwise those badges
		   paint on top of the sticky header as videos scroll past it. */
		z-index: 10000;
	}
}

/**
 * WPS Disclaimer (age-verification popup) — width + centering overrides.
 *
 * The plugin builds the modal box at a fixed width (350px, or 90% /
 * max-width 500px above 688px) and lays the Enter/Exit buttons out in a
 * fixed-width <nav> ("display: table", 230px/396px) that was never
 * centered with margin: auto — it just happened to roughly fill the
 * original narrow box. Widening the box exposes that. The logo <img>
 * also only gets its size from an HTML width="X%" attribute, which
 * browsers can ignore since percentages aren't valid there, so its
 * width isn't reliably constrained.
 */
#dclm_modal_content {
	width: 90%;
	max-width: 600px;
}

#dclm-logo {
	text-align: center;
}

#dclm-logo img {
	width: auto;
	max-width: 80%;
	height: auto;
	display: inline-block;
}

#dclm_modal_content nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: auto;
	max-width: 100%;
	margin: 1em auto 0;
	gap: 15px;
}

#dclm_modal_content nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 15px;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

#dclm_modal_content nav li {
	display: block;
	text-align: center;
	width: auto;
}

#dclm_modal_content nav a.av_btn {
	width: auto;
	min-width: 120px;
	margin: 0;
}

#dclm_modal_content #dclm_modal_regret_wrapper nav a.av_btn {
	width: auto;
	min-width: 190px;
}