/* Domeniul Contact (Pages/Contact/) — pagină de contact, 2 coloane (formular + informații de contact) */

.contact-page-title {
    font-size: var(--heading-l-size);
    line-height: var(--heading-l-line);
    color: var(--color-content-primary);
}

.contact-page-intro {
    font-size: var(--text-m-size);
    color: var(--color-content-tertiary);
}

/* Trunchiere text corectă în părintele flex */
.contact-flex-info {
    min-width: 0;
}

/* ===== Formular (rețeta .form-field, izolată sub nume propriu) ===== */

.contact-field {
    background-color: var(--color-bg-secondary);
    border: 1px solid transparent;
    resize: none;
    font-size: var(--text-m-size);
    color: var(--color-content-primary);
}

.contact-field:focus {
    background-color: var(--color-bg-primary);
    border-color: var(--color-border-brand);
    box-shadow: none;
}

.contact-field-label {
    font-size: var(--text-s-size);
    color: var(--color-content-tertiary);
}

/* ===== Card informații de contact (rețeta .checkout-info-icon, izolată sub nume propriu) ===== */

.contact-info-card {
    border-color: var(--color-border-primary);
}

.contact-info-icon {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-bg-secondary);
}

.contact-info-label {
    font-size: var(--text-xs-size);
    color: var(--color-content-tertiary);
}

.contact-info-value {
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-primary);
}

/* Telefon/Email sunt linkuri reale (tel:/mailto:) — subliniere doar la hover, ca afordanță */
a.contact-info-value:hover {
    text-decoration: underline;
}