/**
 * صفحة تواصل معنا (templates/public/contact.php)
 */

.tnt .tnt-contact { max-width: 1100px; }
.tnt .tnt-contact__grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 22px; align-items: start; }
.tnt .tnt-contact__side { display: grid; gap: 14px; }

/* قناة تواصل: بطاقة كاملة قابلة للضغط */
.tnt .tnt-contact__channel {
	--ch: var(--tnt-navy-800); --ch-soft: var(--tnt-primary-50);
	display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: var(--tnt-radius-lg); text-decoration: none; color: var(--tnt-text);
	background: var(--tnt-surface); border: 1px solid var(--tnt-border); box-shadow: var(--tnt-shadow-sm);
	transition: transform .18s var(--tnt-ease), box-shadow .18s, border-color .18s;
}
.tnt .tnt-contact__channel:hover { transform: translateY(-2px); box-shadow: var(--tnt-shadow); border-color: var(--ch); }
.tnt .tnt-contact__channel.is-wa { --ch: #25d366; --ch-soft: rgba(37, 211, 102, .1); }
.tnt .tnt-contact__channel.is-map { --ch: var(--tnt-gold-600); --ch-soft: var(--tnt-gold-50); }
.tnt .tnt-contact__icon { width: 50px; height: 50px; border-radius: 15px; display: grid; place-items: center; flex-shrink: 0; background: var(--ch-soft); color: var(--ch); }
.tnt .tnt-contact__channel.is-wa .tnt-contact__icon { background: #25d366; color: #fff; box-shadow: 0 10px 22px -12px rgba(37, 211, 102, .9); }
.tnt .tnt-contact__text { flex: 1; min-width: 0; display: grid; gap: 3px; text-align: right; }
.tnt .tnt-contact__text strong { font-size: 15px; font-weight: 800; color: var(--tnt-navy-900); }
.tnt .tnt-contact__text small { font-size: 12.5px; color: var(--tnt-muted); }
.tnt .tnt-contact__go { color: var(--tnt-muted); display: flex; transition: transform .18s, color .18s; }
.tnt .tnt-contact__channel:hover .tnt-contact__go { color: var(--ch); transform: translateX(-3px); }

/* الشبكات الاجتماعية */
.tnt .tnt-contact__social { padding: 18px; border-radius: var(--tnt-radius-lg); background: var(--tnt-surface); border: 1px solid var(--tnt-border); box-shadow: var(--tnt-shadow-sm); }
.tnt .tnt-contact__social h3 { margin: 0 0 14px; font-size: 15px; font-weight: 800; color: var(--tnt-navy-900); }
.tnt .tnt-contact__brands { display: flex; flex-wrap: wrap; gap: 10px; }
.tnt .tnt-contact__brand {
	--br: var(--tnt-navy-800);
	width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; text-decoration: none;
	color: var(--tnt-text-2); background: var(--tnt-surface-2); border: 1px solid var(--tnt-border); transition: background .18s, color .18s, border-color .18s;
}
.tnt .tnt-contact__brand svg { color: var(--br); flex-shrink: 0; transition: color .18s; }
.tnt .tnt-contact__brand:hover { background: var(--br); border-color: var(--br); color: #fff; }
.tnt .tnt-contact__brand:hover svg { color: #fff; }
.tnt .tnt-contact__brand--x { --br: #000; }
.tnt .tnt-contact__brand--instagram { --br: #e1306c; }
.tnt .tnt-contact__brand--snapchat { --br: #d4a900; }
.tnt .tnt-contact__brand--tiktok { --br: #111; }
.tnt .tnt-contact__brand--youtube { --br: #ff0000; }
.tnt .tnt-contact__brand--telegram { --br: #229ed9; }
.tnt .tnt-contact__brand--linkedin { --br: #0a66c2; }
.tnt .tnt-contact__brand--facebook { --br: #1877f2; }
.tnt .tnt-contact__empty { margin: 0; padding: 16px; border-radius: 14px; border: 1.5px dashed var(--tnt-border-strong); color: var(--tnt-muted); font-size: 13.5px; text-align: center; }

@media (max-width: 960px) {
	.tnt .tnt-contact__grid { grid-template-columns: minmax(0, 1fr); }
	.tnt .tnt-contact__side { order: -1; }
}
/* الأيقونات فقط: الاسم للقارئات الصوتية وفي التلميح (title) */
.tnt .tnt-contact__brand span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tnt .tnt-contact__brand { position: relative; }
.tnt .tnt-contact__brand:hover { transform: translateY(-2px); box-shadow: 0 10px 20px -10px var(--br); }
.tnt .tnt-contact__brand { transition: background .18s, color .18s, border-color .18s, transform .18s, box-shadow .18s; }

/* خطوة تأكيد البريد برمز التحقق */
.tnt .tnt-contact__sent { margin: 0 0 18px; line-height: 1.9; color: var(--tnt-text-2); }
.tnt .tnt-contact__sent strong { color: var(--tnt-navy-900); word-break: break-all; }
.tnt .tnt-contact__otp-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--tnt-border); }