/**
 * Contact Page Styles for 3D Scan & Show Plugin
 * 
 * Styles specific to the Contact Us page including:
 * - Contact wrapper
 * - Contact intro section
 * - Contact card
 * - Contact button styling
 */

/* ==========================================================================
   CONTACT WRAPPER
   ========================================================================== */

.stw-contact-wrapper {
	max-width: 800px;
	margin: 0 auto;
	padding: 24px;
}

/* ==========================================================================
   CONTACT INTRO SECTION
   ========================================================================== */

.stw-contact-intro {
	background: linear-gradient(
		135deg,
		rgba(16, 185, 129, 0.1) 0%,
		rgba(16, 185, 129, 0.05) 100%
	);
	border-left: 4px solid var(--stw-primary);
	padding: 24px;
	margin: 0 0 32px 0;
	border-radius: var(--stw-radius);
	box-shadow: var(--stw-shadow);
}

.stw-contact-intro p {
	margin: 0;
	color: var(--stw-dark);
	line-height: 1.6;
	font-size: 15px;
	font-weight: 500;
}

.stw-contact-intro .stw-link {
	color: var(--stw-primary);
	text-decoration: none;
	font-weight: 500;
}

.stw-contact-intro .stw-link:hover {
	text-decoration: underline;
}

/* ==========================================================================
   CONTACT CARD
   ========================================================================== */

.stw-contact-card {
	padding: 40px;
	margin: 0;
}

.stw-contact-card h2 {
	margin: 0 0 20px 0;
	font-size: 24px;
	font-weight: 700;
	color: var(--stw-dark);
	display: flex;
	align-items: center;
	gap: 12px;
}

.stw-contact-description {
	color: var(--stw-gray);
	line-height: 1.7;
	margin: 0 0 28px 0;
	font-size: 15px;
}

/* ==========================================================================
   CONTACT BUTTON
   ========================================================================== */

.stw-contact-card .button-primary {
	padding: 14px 28px;
	font-size: 15px;
	font-weight: 600;
	border-radius: var(--stw-radius);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.stw-contact-card .button-primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 12px rgba(16, 185, 129, 0.3);
}

/* ==========================================================================
   CONTACT RESPONSIVE OVERRIDES
   ========================================================================== */

/* Override for contact page to restore padding */
.stw-route-content .wrap .stw-contact-wrapper {
	padding: 24px !important;
}

/* ==========================================================================
   CONTACT PAGE RESPONSIVE STYLES
   ========================================================================== */

@media (max-width: 768px) {
	.stw-contact-wrapper {
		max-width: 100%;
		padding: 16px;
	}

	.stw-contact-intro {
		padding: 20px;
		margin: 0 0 24px 0;
	}

	.stw-contact-card {
		padding: 28px 20px;
	}

	.stw-contact-card h2 {
		font-size: 20px;
	}

	.stw-contact-card .button-primary {
		width: 100%;
		justify-content: center;
	}
}