/* =========================
   ScienceGamePL Contact Us
   ========================= */

.contact-info ul.contact-details-list {
  padding-left: 0;
  margin: 0 0 18px 0;
  list-style: none;
  font-size: 1.08em;
}
.contact-info .contact-details-list li {
  margin-bottom: 8px;
}
.contact-info .customer-hours {
  margin-top: 6px;
  color: var(--gray-600);
  font-size: 1em;
}

.feedback-section {
  margin-top: 24px;
  margin-bottom: 0;
}
.feedback-form .form-row {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.feedback-form label {
  font-weight: 500;
  margin-bottom: 6px;
}
.feedback-form input[type="text"],
.feedback-form input[type="email"],
.feedback-form textarea {
  font-size: 1em;
}
.feedback-form .required {
  color: var(--color-danger);
  font-size: 1.1em;
  margin-left: 2px;
}
.feedback-form .form-actions {
  margin-top: 6px;
}
.feedback-form .form-success-message,
.feedback-form .form-error-message {
  margin-top: 14px;
  border-radius: var(--radius-sm);
  padding: 11px 16px;
  font-size: 1em;
  font-weight: 500;
}
.feedback-form .form-success-message {
  background: var(--color-success);
  color: white;
}
.feedback-form .form-error-message {
  background: var(--color-danger);
  color: white;
}
.feedback-form .newsletter-row,
.feedback-form .privacy-row {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.feedback-form .newsletter-row label,
.feedback-form .privacy-row label {
  margin-bottom: 0;
  font-weight: normal;
}

.faq-section {
  margin-top: 28px;
  margin-bottom: 0;
}
.faq-section h2 {
  margin-bottom: var(--space-2);
}
.faq-item {
  margin-bottom: 10px;
  border-radius: var(--radius-sm);
}
.faq-item summary {
  cursor: pointer;
  font-weight: 600;
  padding: 6px 0 6px 2px;
  outline: none;
  transition: color 0.18s;
}
.faq-item[open] summary {
  color: var(--color-primary);
}
.faq-item > div {
  padding: 7px 2px 5px 16px;
  font-size: .97em;
  color: var(--gray-700);
}

.social-media-list li {
  display: flex;
  align-items: center;
}
.social-media-list a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 10px 4px 1px;
  border-radius: var(--radius-xs);
  font-weight: 500;
  font-size: 1.01em;
  background: transparent;
  transition: background .14s;
}
.social-media-list a:hover,
.social-media-list a:focus {
  background: var(--gray-100);
  text-decoration: underline;
}

.newsletter-form {
  margin: 0;
  margin-bottom: 0;
}
.newsletter-field-grid {
  display: flex;
  gap: 10px;
  margin-top: 4px;
}
.newsletter-form input[type="email"] {
  flex:1 1 220px;
}
.newsletter-form button {
  flex:0 0 auto;
  white-space: nowrap;
}
.newsletter-success-message,
.newsletter-error-message {
  margin-top: 12px;
  border-radius: var(--radius-xs);
  font-size: 0.98em;
  padding: 9px 12px;
}
.newsletter-success-message {
  background: var(--color-success);
  color: #fff;
}
.newsletter-error-message {
  background: var(--color-danger);
  color: #fff;
}

.blog-follow a {
  color: var(--color-primary);
}

.privacy-link {
  font-size: .97em;
}
.privacy-link a {
  color: var(--color-primary);
  font-weight: 500;
}
.privacy-link a:hover,
.privacy-link a:focus {
  color: var(--color-primary-dark);
  text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 750px) {
  .feedback-section,
  .faq-section,
  .contact-info,
  .social-partnership-section .card {
    padding: var(--space-4);
  }
  .newsletter-field-grid {
    flex-direction: column;
    gap: 7px;
  }
}

@media (max-width: 500px) {
  .contact-details-list {
    font-size: 1em;
  }
}