/* ==========================================================================
   WooCustom Commerce — Page Contact ([cwc_contact_page] / [cwc_contact_form])
   ========================================================================== */

.cwc-contact-page {
	max-width: 1100px;
	margin: 0 auto;
	padding: var(--cwc-space-5, 24px) var(--cwc-space-4, 16px);
}

.cwc-contact-page__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--cwc-space-5, 32px);
	align-items: start;
}

@media (max-width: 768px) {
	.cwc-contact-page__grid {
		grid-template-columns: 1fr;
	}
}

.cwc-contact-info h2,
.cwc-contact-form-wrap h2 {
	margin-top: 0;
	margin-bottom: var(--cwc-space-4, 16px);
	font-size: var(--cwc-font-size-h3, 22px);
	color: var(--cwc-color-primary, #23262d);
}

.cwc-contact-info__list {
	list-style: none;
	margin: 0 0 var(--cwc-space-4, 20px);
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--cwc-space-3, 14px);
}

.cwc-contact-info__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: var(--cwc-font-size-body, 15px);
	color: var(--cwc-color-text-secondary, #374151);
	line-height: 1.5;
}

.cwc-contact-info__item a {
	color: var(--cwc-color-primary, #23262d);
	text-decoration: none;
}

.cwc-contact-info__item a:hover {
	text-decoration: underline;
}

.cwc-contact-info__icon {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	background: var(--cwc-color-bg-subtle, #f3f4f6);
	color: var(--cwc-color-primary, #23262d);
}

.cwc-contact-info__icon svg {
	width: 18px;
	height: 18px;
}

.cwc-contact-info__social {
	display: flex;
	gap: 12px;
	margin-bottom: var(--cwc-space-4, 20px);
}

.cwc-contact-info__social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: var(--cwc-color-bg-subtle, #f3f4f6);
	color: var(--cwc-color-primary, #23262d);
	transition: background 0.15s ease, color 0.15s ease;
}

.cwc-contact-info__social a:hover {
	background: var(--cwc-color-primary, #23262d);
	color: #fff;
}

.cwc-contact-info__social svg {
	width: 18px;
	height: 18px;
}

.cwc-contact-map {
	border-radius: var(--cwc-radius-md, 10px);
	overflow: hidden;
	border: 1px solid var(--cwc-color-border, #e5e7eb);
}

.cwc-contact-map iframe {
	display: block;
	width: 100%;
}

.cwc-contact-form-wrap {
	background: var(--cwc-color-bg-subtle, #f9fafb);
	border: 1px solid var(--cwc-color-border, #e5e7eb);
	border-radius: var(--cwc-radius-lg, 14px);
	padding: var(--cwc-space-5, 24px);
}