/* WP Pro Ads — frontend styles for special ad formats. */

.wppa-banner__label {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #999;
	margin-bottom: 2px;
}

/* Background takeover / wallpaper */
.wppa-bg-takeover {
	position: fixed;
	inset: 0;
	z-index: 0;
	background-size: auto;
	pointer-events: none;
}

.wppa-bg-takeover__link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 200px;
	display: block;
	pointer-events: auto;
}

/* Popup */
.wppa-popup {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wppa-popup[hidden] {
	display: none;
}

.wppa-popup__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}

.wppa-popup__box {
	position: relative;
	width: 90%;
	background: #fff;
	border-radius: 6px;
	padding: 8px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
	animation: wppa-pop 0.25s ease;
}

@keyframes wppa-pop {
	from { transform: scale(0.92); opacity: 0; }
	to   { transform: scale(1); opacity: 1; }
}

.wppa-popup__close {
	position: absolute;
	top: -12px;
	right: -12px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 0;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

/* Parallax */
.wppa-parallax {
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* progressive enhancement; JS refines on supported browsers */
	width: 100%;
	overflow: hidden;
}

.wppa-parallax > a {
	display: block;
	width: 100%;
	height: 100%;
}

/* Corner peel */
.wppa-corner {
	position: fixed;
	z-index: 9998;
	max-width: 300px;
}

.wppa-corner--bottom-right { right: 0; bottom: 0; }
.wppa-corner--bottom-left  { left: 0; bottom: 0; }
.wppa-corner--top-right    { right: 0; top: 0; }
.wppa-corner--top-left     { left: 0; top: 0; }