/* Reach Us page styles */

.reach-container { padding: 28px 0; }
.reach-grid { display: grid; grid-template-columns: 1fr 320px; gap: 24px; align-items: start; }
.reach-form { background: var(--card-bg); padding: 24px; border-radius: 12px; box-shadow: 0 8px 32px rgba(0,90,140,0.08); }
.reach-info .contact-card { background: var(--bg-gradient-start); padding: 18px; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.04); }
.reach-info h2 { margin-top: 0; color: var(--primary-variant) }

/* Contact icon links */
.contact-links { margin: 12px 0; }
.contact-link { display: inline-flex; align-items: center; gap: 8px; color: var(--primary-variant); text-decoration: none; }
.contact-link:hover, .contact-link:focus { color: var(--primary); text-decoration: underline; }
.contact-icon { width: 20px; height: 20px; fill: currentColor; display: inline-block; }

/* Social icons */
.social-links { margin-top: 10px; }
.social-link { display: inline-flex; align-items: center; justify-content: center; width:40px; height:40px; border-radius:50%; color: var(--primary-variant); background: transparent; text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease, background 140ms ease; box-shadow: none; border: 1px solid rgba(6,62,145,0.08); }
.social-link + .social-link { margin-left: 12px; }
.social-link:hover, .social-link:focus { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(2,16,36,0.06); background: rgba(6,62,145,0.04); }
.social-link:focus-visible { outline: 3px solid rgba(6,62,145,0.08); outline-offset: 4px; }
.social-icon { width:18px; height:18px; fill: currentColor; display: inline-block; }

/* WhatsApp branding for the WhatsApp social icon */
.social-link.whatsapp { color: #25D366; border-color: rgba(37,211,102,0.12); }
.social-link.whatsapp:hover, .social-link.whatsapp:focus { background: rgba(37,211,102,0.06); box-shadow: 0 10px 20px rgba(2,16,36,0.06); }

@media (max-width: 900px) {
    .reach-grid { grid-template-columns: 1fr; }
    .reach-info { order: 2; }
}