/* ♿ Accessibility Philosophy
   Purpose: Support inclusive, trauma-informed digital spaces
   Notes: Use semantic markup, readable contrast, and screen-reader utilities
---------------------------------------------------------- */

/* 📢 Social Sharing Section
   Used in: All pages
   Purpose: Encourages sharing the mission across platforms
*/
.social-share {
  background-color: var(--dignity-cream); /* Soft, consistent tone */
  padding: 2rem 1.875rem; /* 32px 30px */
  text-align: center;
  border-top: 2px solid rgba(0,0,0,0.04);
  border-bottom: 2px solid rgba(0,0,0,0.04);
}

/* ✨ Share Note Styling */
.share-note {
  font-size: 1rem; /* 16px */
  font-style: italic;
  color: var(--text-dark);
  margin-bottom: 1rem; /* 16px */
  max-width: 48rem; /* 768px */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 1.6;
}

/* 🗣️ Title */
.share-title {
  font-size: 1.5rem; /* 24px */
  font-weight: 700;
  color: var(--deep-plum);
  margin-bottom: 0.75rem; /* 12px */
}

/* 💬 Description Text */
.share-text {
  font-size: 1.125rem; /* 18px */
  color: var(--text-dark);
  max-width: 48rem; /* 768px */
  margin: 0 auto 1.25rem; /* 20px */
  line-height: 1.6;
}

/* 🔗 Button Container */
.share-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem; /* 12px */
}

/* 🔘 Platform Buttons */
.share-buttons a {
  background-color: var(--eggshell);
  color: var(--deep-plum);
  font-size: 1rem; /* 16px */
  font-weight: 500;
  text-decoration: none;
  padding: 0.5rem 1rem; /* 8px 16px */
  border-radius: 6px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.share-buttons a:hover {
  background-color: var(--resilience-teal);
  color: var(--dignity-cream); /* replaces #ffffff */
}