/* Contact Us page styles - focused, minimal, leveraging base.css */

.page-hero {
  padding: var(--space-16) 0 var(--space-10);
  background: linear-gradient(180deg, rgba(37,40,55,0.9) 0%, rgba(26,29,46,0.95) 100%);
  position: relative;
  overflow: hidden;
}
.page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(135deg, rgba(232,116,59,0.08) 0%, transparent 40%), linear-gradient(225deg, rgba(61,110,77,0.08) 0%, transparent 40%);
  pointer-events: none;
}
.page-hero .hero-subtitle {
  color: var(--color-text-secondary);
}
.hero-cta { margin-top: var(--space-6); }
.hero-cta .btn + .btn { margin-left: var(--space-4); }

/* Contact card specifics */
.contact-list { display: grid; gap: var(--space-3); }
.contact-list i { color: var(--color-primary); margin-right: var(--space-2); }
.contact-list a { font-weight: 600; }

/* FAQ accordion */
.faq-accordion { display: grid; gap: var(--space-4); }
.faq-accordion details {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-background-elevated);
  padding: var(--space-3) var(--space-4);
}
.faq-accordion summary {
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.faq-accordion summary::-webkit-details-marker { display: none; }
.faq-accordion summary span { position: relative; padding-left: 1.5rem; }
.faq-accordion summary span::before {
  content: '\25B6';
  position: absolute; left: 0; top: 0; color: var(--color-primary);
}
.faq-accordion details[open] summary span::before { content: '\25BC'; }
.faq-accordion details > div { margin-top: var(--space-3); color: var(--color-text-secondary); }

/* Social buttons */
.social-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-4); }
@media (max-width: 768px){ .social-grid{ grid-template-columns: 1fr; } }
.social-btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: var(--space-3); padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border); border-radius: var(--radius-md);
  background: var(--color-background-elevated); font-weight: 700;
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.social-btn:hover { transform: translateY(-2px); border-color: rgba(232,116,59,0.4); box-shadow: var(--shadow-md); }
.social-btn i { color: var(--color-primary); }

/* Events */
.events { display: grid; gap: var(--space-4); }
.event-item { display: grid; grid-template-columns: 120px 1fr; gap: var(--space-4); padding: var(--space-3) 0; border-bottom: 1px solid var(--color-border); }
.event-item:last-child { border-bottom: 0; }
.event-date time { font-family: var(--font-pixel); font-size: var(--text-lg); color: var(--color-parchment-light); }
.event-title { font-size: var(--text-xl); margin-bottom: var(--space-2); }

/* Feedback grid adjustments */
.grid-full { grid-column: 1 / -1; }

/* Forms status messages */
#contact-status .alert, #feedback-status .alert { margin-top: var(--space-3); }

/* Minor layout tweaks */
.card .bulleted { list-style: disc; margin-left: 1.25rem; color: var(--color-text-secondary); }
.card .bulleted li { margin-bottom: var(--space-2); }