/* =========================================
   Contact Page Specific Styles
   ========================================= */

.page-contact {
  background-color: var(--bg-white);
}

.contact-section { padding-top: 150px; }
.contact-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.contact-info h1 { font-size: clamp(3rem, 6vw, 4rem); color: var(--primary-color); margin-bottom: 20px; }
.contact-info p { font-size: 1.125rem; margin-bottom: 40px; color: #555; max-width: 400px; }

.social-links-minimal h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: 15px; }
.social-links-minimal a { display: inline-block; color: var(--primary-color); font-weight: 600; margin-right: 15px; font-size: 1.1rem; }
.social-links-minimal a:hover { color: var(--accent-color); }
.social-icons { margin-top: 20px; display: flex; gap: 15px; align-items: center; }

/* Contact Form Container */
.contact-form-container { background: var(--bg-light); padding: 50px; border-radius: var(--radius-card); border: 1px solid #eaeaea; }
.form-group { margin-bottom: 25px; text-align: left; }
.form-group label { display: block; font-weight: 600; margin-bottom: 10px; font-size: 0.95rem; }
.form-group input, .form-group textarea {
  width: 100%; padding: 15px; border: 1px solid #ccc; border-radius: 8px; font-family: inherit; font-size: 1rem; background: var(--bg-white); transition: border-color 0.3s;
}
.form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--primary-color); }

/* Media Queries for Contact */
@media (max-width: 1024px) {
  .contact-wrapper { gap: 40px; }
}

@media (max-width: 768px) {
  .contact-wrapper { grid-template-columns: 1fr; }
  .contact-form-container { padding: 30px; }
}