/* CONTACT-US.CSS - Strona kontaktowa Malorngame */

.section { margin-top: var(--space-8); }

.field-group label { display: block; font-weight: 600; margin-bottom: var(--space-2); }

.hint { color: var(--color-text-muted); font-size: var(--font-size-sm); margin-top: var(--space-2); }

/* Lista prostych punktów w kartach */
.list { margin-top: var(--space-4); padding-left: var(--space-4); }
.list li { list-style: disc; margin-bottom: var(--space-2); }

/* Dane kontaktowe */
.contact-list { display: grid; gap: var(--space-2); margin-top: var(--space-4); }
.contact-list a { word-break: break-all; }

/* FAQ */
.faq { display: grid; gap: var(--space-3); }
.faq-item { background: var(--color-background-light); border: 1px solid var(--color-neutral-700); border-radius: var(--radius-sm); padding: var(--space-2) var(--space-4); }
.faq-item[open] { box-shadow: var(--shadow-glow-accent); border-color: var(--color-accent); }
.faq-item summary { cursor: pointer; font-weight: 700; color: var(--color-neutral-200); outline: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; float: right; color: var(--color-accent); }
.faq-item[open] summary::after { content: '−'; }
.faq-content { padding-top: var(--space-2); color: var(--color-text); }

/* Formularz: walidacja */
.input[aria-invalid="true"], .textarea[aria-invalid="true"], .select[aria-invalid="true"] { border-color: var(--color-danger); box-shadow: 0 0 0 3px rgba(255, 0, 85, 0.15); }
.field-error { color: var(--color-danger); font-size: var(--font-size-sm); margin-top: var(--space-2); }

/* Alert dynamiczny formularza */
#form-alert { margin-bottom: var(--space-4); }

@media (max-width: 767px) {
  .contact-list { grid-template-columns: 1fr; }
}