/* ===== Contact Us Page – ForzeGamePL ===== */
.contact-intro, .contact-form-section, .support-section, .feedback-section, .faq-section, .careers-section {
  margin-bottom: var(--space-8);
}
.contact-info-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}
.contact-info-grid > div {
  min-width: 240px;
  flex: 1 1 220px;
}
.social-links {
  display: flex;
  gap: var(--space-3);
  align-items: center;
}
.social-links a {
  border-radius: 50%;
  padding: var(--space-2);
  background: var(--color-gray-200);
  transition: background var(--transition-base);
}
.social-links a:hover, .social-links a:focus-visible {
  background: var(--color-primary);
  color: #fff;
}

.contact-form-section {
  margin-top: var(--space-8);
}
.contact-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 520px;
}
.form-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.form-radio-group {
  display: flex;
  gap: var(--space-4);
  flex-wrap: wrap;
  margin-top: var(--space-1);
  font-size: var(--font-size-sm);
}
.form-checkbox {
  align-items: flex-start;
}
.form-required {
  color: var(--color-danger);
  font-size: var(--font-size-xs);
  margin-left: var(--space-1);
}
.privacy-note {
  font-size: var(--font-size-xs);
  color: var(--color-gray-500);
  margin-top: var(--space-2);
}
.form-alert {
  margin-top: var(--space-2);
  min-height: 31px;
  font-size: var(--font-size-sm);
}
.alert-success {
  background: #e6f7f2;
  color: var(--color-success);
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-3);
}
.alert-danger {
  background: #fff3f3;
  color: var(--color-danger);
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-3);
}

.support-list {
  list-style: none;
  padding: 0;
  margin-bottom: var(--space-4);
}
.support-list li {
  margin-bottom: var(--space-2);
}
.cta-live-chat {
  margin-top: var(--space-3);
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.cta-label {
  font-weight: 600;
  color: var(--color-primary);
}

.feedback-section .button {
  margin-top: var(--space-3);
}
.survey-info {
  margin-top: var(--space-2);
  font-size: var(--font-size-sm);
}

.faq-list {
  margin-top: var(--space-3);
}
.faq-list dt {
  font-weight: 600;
  margin-top: var(--space-4);
  color: var(--color-primary);
}
.faq-list dd {
  margin-inline-start: var(--space-4);
  color: var(--color-gray-700);
  margin-bottom: var(--space-2);
  font-size: var(--font-size-sm);
}

.careers-list {
  list-style: disc;
  margin-inline-start: var(--space-6);
  margin-bottom: var(--space-4);
}

@media (max-width: 900px) {
  .contact-info-grid { flex-direction: column; gap: var(--space-4); }
}
@media (max-width: 600px) {
  .contact-form { max-width: 100%; }
  .card { padding: var(--space-3); }
}