/* Contact Us page styles - ShopGamePL */

.page-hero {
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-secondary-light));
  padding: var(--space-16) 0 var(--space-10);
}

.page-hero h1 {
  color: var(--color-neutral-900);
}

.hero-sub {
  color: var(--color-text);
}

.breadcrumbs ol {
  display: flex;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  align-items: center;
}
.breadcrumbs li { color: var(--color-text-light); }
.breadcrumbs a { color: var(--color-primary-dark); }
.breadcrumbs li+li::before {
  content: "/";
  margin: 0 var(--space-2);
  color: var(--color-neutral-400);
}

.contact-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--space-8);
  margin-top: calc(var(--space-10) * -1);
}

@media (max-width: 1024px) {
  .contact-grid { grid-template-columns: 1fr; margin-top: var(--space-6); }
}

.contact-list { display: grid; gap: var(--space-4); margin-bottom: var(--space-6); }
.contact-list li { display: grid; grid-template-columns: 2rem 1fr; gap: var(--space-3); align-items: start; }
.contact-list .icon { color: var(--color-primary-dark); }

.store-hours { margin-top: var(--space-6); }
.hours-list { display: grid; gap: var(--space-2); }
.hours-list li { display: flex; justify-content: space-between; background: var(--color-background-soft); padding: var(--space-3) var(--space-4); border-radius: var(--radius-lg); }

.support { margin-top: var(--space-6); }
.support-cta { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-3); }

.socials { margin-top: var(--space-6); }
.social-links { display: grid; gap: var(--space-2); }
.social-links a { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); border-radius: var(--radius-full); transition: background var(--transition-fast); }
.social-links a:hover { background: var(--color-primary-light); color: var(--color-neutral-900); }

.contact-form .form-actions { display: flex; gap: var(--space-3); align-items: center; }

.form-status { margin-top: var(--space-3); font-size: var(--font-size-sm); }
.form-status.success { color: #2D6944; background: #E6F7ED; border-left: 4px solid var(--color-success); padding: var(--space-3) var(--space-4); border-radius: var(--radius-lg); }
.form-status.error { color: #993333; background: #FFE8E8; border-left: 4px solid var(--color-danger); padding: var(--space-3) var(--space-4); border-radius: var(--radius-lg); }

.info-sections { margin-top: var(--space-10); display: grid; gap: var(--space-8); }
.policy-points { display: grid; gap: var(--space-2); margin: var(--space-4) 0; }
.policy-points li { position: relative; padding-left: 1.25rem; }
.policy-points li::before {
  content: "";
  position: absolute; left: 0; top: 0.6rem;
  width: 8px; height: 8px; border-radius: 50%; background: var(--color-accent-mint);
}

.partner-newsletter { align-items: start; }
.partner-list { display: grid; gap: var(--space-2); margin: var(--space-3) 0 var(--space-4); }

/* FAQ */
.faq-list { display: grid; gap: var(--space-3); }
.faq-list details { border: 2px solid var(--color-neutral-200); border-radius: var(--radius-lg); background: var(--color-white); }
.faq-list summary { cursor: pointer; list-style: none; padding: var(--space-4) var(--space-5); font-weight: var(--font-weight-semibold); position: relative; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list details[open] summary { border-bottom: 2px solid var(--color-neutral-200); }
.faq-body { padding: var(--space-4) var(--space-5); color: var(--color-text); }

/* Small accessibility helpers */
.checkbox { display: inline-flex; gap: var(--space-2); align-items: flex-start; }
.checkbox input { margin-top: 0.2rem; }