/* İletişim sayfası (page-iletisim.php). Şekil kuralı: kartlar 8px + ince çizgi, gölge yok. */

.contact-section { padding: 2rem 0; background: #e6f4ff; }
.contact-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.contact-card { min-width: 0; padding: 1.5rem; border: 1px solid #cfe5f5; border-radius: 8px; background: var(--color-white); }
.contact-page .contact-card__title { margin: 0 0 1.25rem; font-size: 1.5rem; font-weight: 700; line-height: 1.3; color: var(--color-navy); }
.contact-page .contact-card__subtitle { margin: 2rem 0 .75rem; font-size: 1.125rem; font-weight: 700; line-height: 1.3; color: var(--color-navy); }

.contact-list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.contact-list li { display: flex; align-items: flex-start; gap: 12px; line-height: 1.5; }
.contact-list .icon { flex: none; margin-top: 2px; color: var(--color-primary); }
.contact-list a { color: var(--color-body); overflow-wrap: anywhere; }
.contact-list a:hover, .contact-list a:focus-visible { color: var(--color-primary-dark); text-decoration: underline; text-underline-offset: 3px; }

.contact-social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	color: var(--color-primary);
	transition: background-color .2s, border-color .2s, color .2s;
}
.contact-social:hover, .contact-social:focus-visible { border-color: var(--color-primary); background: var(--color-primary); color: var(--color-white); }
.contact-card__image { display: block; width: 100%; height: auto; margin-top: 1.5rem; border-radius: 8px; }

/* Fluent Form: gönder butonu sitenin turuncu hap butonu */
.contact-page .fluentform .ff-btn-submit.ff-btn {
	height: 46px;
	padding: 0 28px;
	border: 0;
	border-radius: var(--radius-pill);
	background: var(--color-primary-ink);
	font-family: var(--font-heading);
	font-size: 15px;
	font-weight: 600;
	color: var(--color-white);
	transition: background-color .2s;
}
.contact-page .fluentform .ff-btn-submit.ff-btn:hover,
.contact-page .fluentform .ff-btn-submit.ff-btn:focus-visible { background: var(--color-primary-ink-dark); color: var(--color-white); }

@media (min-width: 768px) {
	.contact-section { padding: 5rem 0; }
	.contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
	.contact-card { padding: 2.5rem; }
}
@media (prefers-reduced-motion: reduce) { .contact-social, .contact-page .fluentform .ff-btn-submit.ff-btn { transition: none; } }