/* ============================================
   THE BLUEPRINT - POST READABILITY FIX
   ============================================ */

/* Forces a clean white container on all individual post pages */
.single-post article, 
.single-post .site-main,
.single-post .main-content-area,
.single-post .entry-content,
.single-post .post-content {
  max-width: 850px !important;
  width: 100% !important;
  margin: 40px auto !important;
  padding: 50px 45px !important;
  background-color: #ffffff !important; /* Absolute solid white background */
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

/* Forces the font colors inside the post to stay readable */
.single-post p,
.single-post li {
  font-family: 'Dosis', sans-serif !important;
  font-size: 1.15rem !important;
  line-height: 1.8 !important;
  color: #222222 !important; /* Dark charcoal text */
}

.single-post h1, 
.single-post h2, 
.single-post h3,
.single-post h4 {
  font-family: 'Montserrat', sans-serif !important;
  color: #111111 !important;
  margin-top: 2rem !important;
}

/* Mobile fix so it stays responsive */
@media (max-width: 768px) {
  .single-post article, 
  .single-post .site-main,
  .single-post .main-content-area,
  .single-post .entry-content,
  .single-post .post-content {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 35px 20px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
}

/* ============================================
   SOCIAL MEDIA CONTAINER (THE BLUEPRINT / BIO)
   ============================================ */

.social-bio-card {
  background: #ffffff !important;
  max-width: 440px !important;
  width: 90% !important;
  margin: 60px auto !important;
  padding: 45px 30px !important;
  border-radius: 16px !important;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Ensure buttons stack fluidly inside the card container */
.social-bio-card .wp-block-buttons {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.social-bio-card .wp-block-button,
.social-bio-card .wp-block-button__link {
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
}

/* Format footer link spacing */
.social-bio-card .social-footer-links {
  margin-top: 30px !important;
  font-size: 0.95rem !important;
}

.social-bio-card .social-footer-links a {
  margin: 0 5px !important;
  font-weight: bold !important;
}