/* ============================================================
   contact.css — Contact page styles
   ============================================================ */

/* ── CONTACT GRID ── */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2xl);
  align-items: start;
}
@media (min-width: 768px) {
  .contact-grid { grid-template-columns: 1.3fr 1fr; }
}

/* ── CONTACT FORM ── */
.contact-form-styled {
  background: var(--white);
  border: 1.5px solid var(--beige);
}
.contact-form-styled .form-group label { color: var(--brown); }

.form-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 var(--space-md);
}
@media (min-width: 480px) {
  .form-row { grid-template-columns: 1fr 1fr; }
}

/* ── FORM SUCCESS (LIGHT VERSION) ── */
.form-success-light {
  background: rgba(116,182,188,0.06);
  border: 1px solid rgba(116,182,188,0.2);
}

/* ── SIDEBAR ── */
.contact-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  position: sticky;
  top: calc(var(--nav-height) + var(--space-md));
}

/* ── INFO BOX ── */
.contact-info-box {
  background: var(--black);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
}

.contact-info-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}
.contact-info-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
}
.contact-info-icon {
  width: 32px;
  height: 32px;
  color: var(--teal);
  flex-shrink: 0;
  margin-top: 2px;
}
.contact-info-icon svg { width: 100%; height: 100%; }
.contact-info-list .label { display: block; margin-bottom: 0.2rem; }
.contact-info-value {
  font-size: 0.95rem;
  color: var(--white);
  display: block;
  opacity: 0.85;
}
a.contact-info-value:hover {
  color: var(--teal);
  opacity: 1;
}

.contact-socials {
  border-top: 1px solid rgba(238,202,196,0.12);
  padding-top: var(--space-md);
}

/* ── PRESS BOX ── */
.press-box {
  background: var(--beige);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
}
.press-box .priority-link { color: var(--salmon); }
.press-box .priority-link:hover { color: var(--brown); }

/* ── QUICK LINKS ── */
.quick-links-box {
  background: var(--brown);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
}
.contact-quick-links {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: var(--space-sm);
}
.contact-quick-links li a {
  font-size: 0.9rem;
  color: var(--beige);
  opacity: 0.75;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(238,202,196,0.1);
  transition: opacity var(--transition), color var(--transition);
}
.contact-quick-links li:last-child a { border-bottom: none; }
.contact-quick-links li a::before {
  content: '→';
  color: var(--salmon);
  font-family: var(--font-heading);
  font-size: 0.65rem;
}
.contact-quick-links li a:hover {
  opacity: 1;
  color: var(--white);
}