/* ── Contact Form ───────────────────────────────────────────────────────── */

.igcr-contact-card {
	max-width: 480px;
	margin: 32px auto;
	padding: 32px;
	background: var( --igcr-theme-bg-card );
	border: 1px solid var( --igcr-theme-border );
	border-radius: var( --igcr-theme-radius );
}

.igcr-contact-form {
	text-align: left;
}

.igcr-contact-field {
	margin-bottom: 16px;
}

.igcr-contact-field label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var( --igcr-theme-text );
	margin-bottom: 6px;
}

.igcr-contact-field input,
.igcr-contact-field textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var( --igcr-theme-border );
	border-radius: var( --igcr-theme-radius );
	font-size: 14px;
	font-family: var( --igcr-theme-font );
	background: var( --igcr-theme-bg );
	color: var( --igcr-theme-text );
	outline: none;
	transition: border-color 0.15s;
}

.igcr-contact-field input:focus,
.igcr-contact-field textarea:focus {
	border-color: var( --igcr-theme-accent );
}

.igcr-contact-field input::placeholder,
.igcr-contact-field textarea::placeholder {
	color: var( --igcr-theme-text-muted );
}

.igcr-contact-field textarea {
	resize: vertical;
	min-height: 120px;
}

.igcr-contact-btn {
	display: block;
	width: 100%;
	margin-top: 8px;
	padding: 10px;
	background: var( --igcr-theme-btn-primary );
	color: var( --igcr-theme-on-accent );
	border: none;
	border-radius: var( --igcr-theme-radius );
	font-size: 14px;
	font-weight: 600;
	font-family: var( --igcr-theme-font );
	cursor: pointer;
	transition: background 0.15s;
}

.igcr-contact-btn:hover {
	background: var( --igcr-theme-btn-primary-hover );
}

/* Notices */
.igcr-contact-notice {
	padding: 12px 14px;
	border-radius: var( --igcr-theme-radius );
	font-size: 14px;
	margin-bottom: 20px;
}

.igcr-contact-notice--success {
	background: var( --igcr-theme-success-bg, #dcfce7 );
	color: var( --igcr-theme-success-text, #166534 );
	border-left: 4px solid var( --igcr-theme-success, #22c55e );
}

.igcr-contact-notice--error {
	background: var( --igcr-theme-danger-bg, #fee2e2 );
	color: var( --igcr-theme-danger-text, #991b1b );
	border-left: 4px solid var( --igcr-theme-danger, #ef4444 );
}

@media ( max-width: 767px ) {
	.igcr-contact-card {
		margin: 20px auto;
		padding: 24px 20px;
	}
}