/* ================================================
   contact.css — Contact Page Styles
   ================================================ */

.contact-page__title { font-family: var(--font-display); font-size: var(--fs-20); font-weight: 700; letter-spacing: var(--ls-section); text-transform: uppercase; margin-bottom: 3rem; }

.contact__grid { display: grid; grid-template-columns: 1fr; gap: 4rem; }
@media (min-width: 1024px) { .contact__grid { grid-template-columns: repeat(2, 1fr); } }

.contact__info { display: flex; flex-direction: column; gap: 2rem; }
.contact__info-heading { font-family: var(--font-display); font-size: var(--fs-12); font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 1rem; }
.contact__info-desc { font-size: var(--fs-11); color: var(--clr-gray-5); line-height: 1.9; font-weight: 300; max-width: 22rem; }
.contact__info-list { display: flex; flex-direction: column; gap: 1.25rem; }
.contact__info-item { display: flex; align-items: flex-start; gap: 1rem; }
[dir="rtl"] .contact__info-item { flex-direction: row-reverse; }
.contact__info-icon { flex-shrink: 0; margin-top: 2px; }
.contact__info-icon svg { width: 16px; height: 16px; color: var(--clr-maroon); }
.contact__info-item-label { font-size: var(--fs-10); font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 0.25rem; }
.contact__info-item-value { font-size: var(--fs-10); color: var(--clr-gray-5); line-height: 1.7; }
.contact__social { display: flex; align-items: center; gap: 1rem; margin-top: 0.5rem; }
[dir="rtl"] .contact__social { flex-direction: row-reverse; }
.contact__social-link { color: var(--clr-gray-6); transition: color var(--t); }
.contact__social-link:hover { color: var(--clr-white); }
.contact__social-link svg { width: 20px; height: 20px; }

.contact__form-card { background: rgba(255,255,255,0.02); border: 1px solid var(--clr-border); border-radius: 2px; padding: 2rem; }
.contact__form { display: flex; flex-direction: column; gap: 1.5rem; }
.contact__form-group { display: flex; flex-direction: column; gap: 0.5rem; }
.contact__form-label { font-size: var(--fs-10); text-transform: uppercase; letter-spacing: 0.25em; font-weight: 600; color: var(--clr-gray-5); }
.contact__form-input,
.contact__form-textarea {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    color: var(--clr-white);
    font-family: var(--font-primary);
    font-size: var(--fs-12);
    padding: 0.75rem 1rem;
    border-radius: 2px;
    outline: none;
    transition: border-color var(--t);
    width: 100%;
}
.contact__form-input::placeholder,
.contact__form-textarea::placeholder { color: var(--clr-gray-6); }
.contact__form-input:focus,
.contact__form-textarea:focus { border-color: var(--clr-maroon); }
.contact__form-textarea { resize: none; line-height: 1.7; }
[dir="rtl"] .contact__form-input,
[dir="rtl"] .contact__form-textarea { text-align: right; }