/**
 * Storefront Block: Contact Header Stylesheet
 *
 * Editorial header with floating navbar clearance, status pill, and lead copy.
 *
 * @package Influenzic
 */

.inzc-sf-contact-header-section {
	padding: clamp(150px, 18vh, 185px) 0 48px;
	background: radial-gradient(ellipse at 50% 0%, rgba(99, 102, 241, 0.08) 0%, transparent 70%), var(--inzc-sf-bg, #ffffff);
	position: relative;
}

.inzc-sf-contact-header {
	text-align: center;
	max-width: 860px;
	margin: 0 auto;
}

.inzc-sf-contact-header .inzc-sf-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 9999px;
	background-color: var(--inzc-sf-card-bg, #ffffff);
	border: 1px solid var(--inzc-sf-card-border, #e2e8f0);
	color: var(--inzc-sf-title-color, #0f172a);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
	margin-bottom: 20px;
	text-transform: none;
	letter-spacing: normal;
}

.inzc-sf-contact-header .inzc-sf-pill-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #10b981;
	flex-shrink: 0;
	box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
}

.inzc-sf-contact-title {
	font-size: clamp(2.1rem, 3.8vw, 3rem);
	font-weight: 800;
	line-height: 1.15;
	color: var(--inzc-sf-title-color, #0f172a);
	margin: 0 0 20px;
	letter-spacing: -0.03em;
}

.inzc-sf-contact-lead {
	font-size: clamp(1.05rem, 1.4vw, 1.22rem);
	line-height: 1.65;
	color: var(--inzc-sf-body-color, #475569);
	margin: 0 auto;
	font-weight: 400;
	max-width: 760px;
}

[data-inzc-theme="dark"] .inzc-sf-contact-header-section {
	background: radial-gradient(ellipse at 50% 0%, rgba(99, 102, 241, 0.16) 0%, transparent 70%), var(--inzc-sf-bg, #0b0f19);
}

@media (max-width: 1024px) {
	.inzc-sf-contact-header-section {
		padding-top: clamp(135px, 16vh, 160px);
	}
}

@media (max-width: 768px) {
	.inzc-sf-contact-header-section {
		padding-top: clamp(120px, 15vh, 140px);
	}
}

@media (max-width: 480px) {
	.inzc-sf-contact-header-section {
		padding-top: clamp(110px, 14vh, 130px);
	}
}