/*! public/css/home/contact.css */

/* Keep only structural styling */
#contact {
    background-color: var(--color-background-light);
    font-size: 0.95rem;
}

#contact .contact_details {
    max-width: 500px;
}

/* Typography */
#contact h2 {
    color: var(--color-text);
    font-weight: 600;
    font-size: 1.6rem;
}

#contact p,
#contact small {
    margin: 0;
}

/* Links */
#contact a {
    color: var(--color-text);
    transition: color 0.2s ease;
    font-weight: 500;
    white-space: nowrap;
}

#contact a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

#contact .bi {
    font-size: 1rem;
    vertical-align: middle;
}

/* Responsive improvements */
@media (max-width: 576px) {
    #contact .d-flex {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }
}