/* =========================================
   Contact Info Live Preview Styles
   ========================================= */
.contact-preview-container {
    display: flex;
    flex-direction: column;
    /* Increased gap from 24px to 32px for more vertical space between rows */
    gap: 32px;
    padding: var(--spacing-2xl);
    background-color: var(--bg-surface-hover);
    border-radius: var(--border-radius-xl);
    max-width: 600px;
    margin: 0 auto;
}

.contact-row {
    display: flex;
    align-items: center;
    /* Increased gap from 16px to 20px to separate the icon and text slightly more */
    gap: 20px;
}

.contact-icon {
    color: var(--color-primary);
    /* Increased icon size from 28px to 36px */
    font-size: 36px;
    flex-shrink: 0;
}

.contact-text {
    color: var(--text-main);
    /* Increased text size from 1.125rem (18px) to 1.375rem (22px) */
    font-size: 1.375rem;
    font-weight: 500;
}

.contact-link {
    text-decoration: none;
    transition: color 0.2s ease;
}

.contact-link:hover {
    color: var(--color-primary);
    text-decoration: underline;
}