/* Contact Component Styles */

/* Make the contact icons smaller inside this component and keep phone/email on one line */
.contact-cards .contact-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 0.9rem;
    line-height: 40px;
}

.contact-cards .contact-link {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/* Ensure the small meta text (e.g., hours) appears on the same line when space allows */
.contact-cards .meta-inline {
    display: inline-block;
    margin-left: 0.5rem;
    color: #6c757d;
    font-size: 0.85rem;
    vertical-align: middle;
}

/* Make address wrap inside the box (avoid overflow) */
.contact-cards address {
    white-space: normal;
    overflow-wrap: break-word;
}

/* Make the download / CTA button row have equal top and bottom spacing */
.contact-card .btn-row {
    padding-top: 1rem;
    padding-bottom: 1rem;
}