/* -- CUSTOM CSS DECLARATIONS -- */
.wp-element-button:visited,
.wp-block-button__link:visited {
	color: white !important;
}

/* -- Model Online Status Bubble -- */
.model-online-status {
	position: relative;
	display: inline-block;
}

.model-online-status__picture-wrapper {
	width: 12rem;
	height: 15rem;
	border-radius: 1rem;
	overflow: hidden;
	border: 4px solid rgba(255, 255, 255, 0.2);
	position: relative;
}

.model-online-status__picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	display: block;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.model-online-status__bubble {
	position: absolute;
	bottom: -0.5rem;
	right: -1rem;
	background-color: #ffffff;
	border-radius: 1rem;
	padding: 1rem 1.25rem;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	border: 2px solid rgba(255, 255, 255, 0.3);
	max-width: 20rem;
}

.model-online-status__bubble-content {
	font-size: 0.875rem;
	font-weight: 500;
	color: #1f2937;
	line-height: 1.625;
	word-wrap: break-word;
}

.model-online-status__bubble-pointer {
	position: absolute;
	top: 0;
	left: 2rem;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	transform: translateY(-100%);
}

.model-online-status--online .model-online-status__bubble {
	background-color: #ffffff;
}

.model-online-status--offline .model-online-status__bubble {
	background-color: #ffffff;
}

/* -- Box shadow for specific domains -- */
.vssocial-model .model-online-status__picture,
.istjetztlive-model .model-online-status__picture {
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}