/**
 * INZC Front Pages — Creators & Campaigns Directories CSS
 *
 * Dedicated styling for the public directory listing pages:
 * Directory section wrappers and the guest directory blurred teaser wall paywall overlay.
 *
 * @package Influenzic
 * @version 1.0.0
 */

/* ==========================================================================
   1. DIRECTORY SECTIONS
   ========================================================================== */

.inzc-sf-creators-section,
.inzc-sf-campaigns-section {
	background-color: var(--inzc-sf-bg);
}

/* ==========================================================================
   2. GUEST DIRECTORY WALL OVERLAY
   ========================================================================== */

.inzc-sf-guest-wall-wrap {
	position: relative;
	margin-top: 24px;
	margin-bottom: 56px;
	min-height: 340px;
	padding-top: 8px;
}

.inzc-sf-guest-dummy-grid {
	filter: blur(3.5px);
	opacity: 0.75;
	pointer-events: none;
	user-select: none;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0.08) 100%);
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0.08) 100%);
}

.inzc-sf-dummy-bar {
	background-color: var(--inzc-border-medium, #cbd5e1);
	border-radius: 6px;
}

.inzc-sf-guest-wall-card {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 92%;
	max-width: 540px;
	background-color: var(--inzc-sf-card-bg);
	backdrop-filter: blur(12px);
	border: 1px solid var(--inzc-sf-card-border);
	border-radius: 16px;
	padding: 32px;
	text-align: center;
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.14);
	z-index: 10;
}

.inzc-sf-guest-wall-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 9999px;
	background-color: rgba(99, 102, 241, 0.12);
	color: var(--inzc-primary, #6366f1);
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 12px;
}

.inzc-sf-guest-wall-title {
	font-size: 22px;
	font-weight: 800;
	color: var(--inzc-sf-title-color);
	margin: 0 0 8px;
}

.inzc-sf-guest-wall-desc {
	font-size: 14.5px;
	color: var(--inzc-sf-muted-color);
	line-height: 1.55;
	margin: 0 0 22px;
}

.inzc-sf-guest-wall-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

@media (max-width: 768px) {
	.inzc-sf-guest-wall-wrap {
		min-height: 0;
		margin-top: 16px;
		margin-bottom: 32px;
	}

	.inzc-sf-guest-dummy-grid {
		max-height: 210px;
		overflow: hidden;
	}

	.inzc-sf-guest-dummy-grid > .inzc-sf-dummy-blurred:nth-child(n+3) {
		display: none;
	}

	.inzc-sf-guest-wall-card {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		width: 100%;
		max-width: 100%;
		margin-top: -100px;
		padding: 24px 20px;
		z-index: 10;
	}
}