/**
 * Popup Image Text - Public Styles
 * Base structural styles. Dynamic values (colors, sizes, position)
 * are injected via inline <style> from the admin settings.
 *
 * @package PopupImageText
 * @since 0.1.0
 */

.pit-popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99999 !important;
	visibility: hidden;
	opacity: 0;
}

.pit-popup .pit-box {
	position: absolute;
	opacity: 0;
	margin-left: 0;
	background-repeat: no-repeat;
}

.pit-popup .pit-box .pit-image-wrap {
	display: block;
	line-height: 0;
}

.pit-popup .pit-box .pit-image-wrap img {
	max-width: 90vw;
	height: auto;
	display: block;
}

.pit-popup .pit-box .pit-description {
	padding: 15px 20px;
	background: #ffffff;
	color: #333333;
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
	word-wrap: break-word;
}

.pit-popup .pit-box .pit-close {
	position: absolute;
	right: -15px;
	top: -20px;
	cursor: pointer;
	border-radius: 30px;
	padding: 2px 7px 1px 7px;
	line-height: 1;
	font-weight: bold;
	z-index: 2;
	transition: transform 0.2s ease;
}

.pit-popup .pit-box .pit-close:hover {
	transform: scale(1.15);
}

/* Visibility states */
.pit-popup.pit-visible {
	visibility: visible;
	opacity: 1;
}

.pit-popup.pit-visible .pit-box {
	opacity: 1;
}