/* Contact Section Aesthetic Overrides */
.contact-info-top {
    margin-bottom: var(--space-md);
    /* Was --space-xl */
}

.contact-info-top .section-label {
    color: var(--color-gold);
    font-size: var(--text-sm);
    letter-spacing: 0.2em;
    margin-bottom: var(--space-xs);
    /* Was --space-sm */
}

.contact-info-top .section-title {
    font-family: var(--font-heading);
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: var(--space-lg);
    /* Was --space-2xl */
    color: var(--color-text-primary);
}

.contact-details-row {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    /* Reduced gap */
    margin-top: var(--space-lg);
    /* Was --space-xl */
    flex-wrap: wrap;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-body);
    font-size: var(--text-lg);
    color: var(--color-text-primary);
}

.contact-item svg {
    color: var(--color-gold);
    width: 24px;
    /* Slightly smaller for compactness */
    height: 24px;
}

.contact-item a {
    color: var(--color-text-primary);
    text-decoration: none;
    font-weight: 500;
}

/* Secondary phone styling for compactness */
.secondary-phone {
    margin-left: -0.5rem;
    /* Tighter spacing */
}

/* Tighter spacing for the middle item */
.contact-details-row .contact-item:nth-child(2) {
    margin-left: calc(-1 * var(--space-sm));
    /* Pull closer to the first number */
}

@media (max-width: 768px) {
    .contact-info-top .section-title {
        font-size: 2.5rem;
        margin-bottom: var(--space-md);
    }

    .contact-details-row {
        gap: var(--space-sm);
        /* Very tight on mobile */
        flex-direction: column;
        align-items: flex-start;
        margin-top: var(--space-md);
    }

    .secondary-phone {
        margin-left: 0;
        padding-left: 2rem;
        /* Indent slightly less */
    }

    .contact-details-row .contact-item:nth-child(2) {
        margin-left: 0;
    }
}