/* style-blog-sidebar-v6.css
   Blog sidebar styling for We Are Acuity
   Cleaned, conflict-free version
*/

/* === BASE STRUCTURE === */
.widget-span.blog-sidebar-module,
.widget-span.blog-sidebar-module .blog-sidebar-module {
  font-family: "AvenirNext", "Avenir Next", sans-serif;
  color: #27353d; /* charcoal */
  margin-bottom: 20px;
  padding-bottom: 0; /* prevent double lines */
  border: none;
}

/* Add dividers only to needed modules */
.about-author-wrapper,
.listen-instead,
.widget-span.social-share.blog-sidebar-module,
.blog-sidebar-module.recent-posts {
  border-bottom: 1px solid #ff6600;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

/* === HEADINGS (shared) === */
.widget-span.blog-sidebar-module h2,
.widget-span.blog-sidebar-module h3,
.widget-span.blog-sidebar-module h4,
.widget-span.blog-sidebar-module .sidebar-heading {
  font-family: "AvenirNext", "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #27353d;
  margin-top: 0;
  margin-bottom: 6px;
  letter-spacing: 0;
}

/* === ABOUT THE AUTHOR MODULE === */
.about-author-wrapper {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ff6600;
}

.about-author-link {
  display: inline-flex;
  align-items: center;
  font-family: "AvenirNext", "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #27353d; /* charcoal default */
  text-decoration: none;
  letter-spacing: 0;
  transition: color 0.25s ease;
}

.about-author-link:hover {
  color: #ff6600; /* orange hover */
}

.about-author-link .arrow-icon {
  margin-left: 8px;
  width: 30px;
  height: auto;
  transition: transform 0.25s ease;
}

.about-author-link:hover .arrow-icon {
  transform: translateX(3px);
}

/* === LISTEN INSTEAD MODULE === */
.widget-span.blog-sidebar-module.listen-instead {
  border-bottom: 1px solid #ff6600;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.widget-span.blog-sidebar-module.listen-instead h3 {
  font-weight: 700;
  font-size: 20px;
  color: #27353d;
  margin-top: 0;
  margin-bottom: 6px;
}

/* === SHARE MODULE === */
.widget-span.social-share.blog-sidebar-module {
  border-bottom: 1px solid #ff6600;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.widget-span.social-share.blog-sidebar-module .sidebar-heading {
  font-weight: 700;
  font-size: 20px;
  color: #27353d;
  margin-top: 0;
  margin-bottom: 6px;
}

/* Remove underline from Share heading */
.blog-sidebar-module .sidebar-heading,
.blog-sidebar-module .sidebar-heading::before,
.blog-sidebar-module .sidebar-heading::after {
  background: none !important;
  border: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  content: none !important;
}

/* === RECENT POSTS MODULE === */
.blog-sidebar-module.recent-posts a {
  font-family: "AvenirNext", "Avenir Next", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #ff6600; /* orange */
  text-decoration: none;
  line-height: 1.3;
  transition: color 0.25s ease;
}

.blog-sidebar-module.recent-posts a:hover {
  color: #27353d; /* charcoal hover */
}

/* Dates below titles */
.blog-sidebar-module.recent-posts .post-date {
  font-family: "AvenirNext", "Avenir Next", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #27353d;
  margin-top: 0;
  margin-bottom: 8px;
}

/* Tighter vertical spacing between title and date */
.widget-span.blog-sidebar-module.recent-posts p {
  margin: 0;
}
.widget-span.blog-sidebar-module.recent-posts p + p.post-date {
  margin-top: 2px;
  margin-bottom: 8px;
  font-size: 14px;
  color: #27353d;
}

/* === FINAL COLOUR LOGIC (no conflicts) === */
.blog-sidebar-module .about-author-link {
  color: #27353d;
}
.blog-sidebar-module .about-author-link:hover {
  color: #ff6600;
}
.blog-sidebar-module.recent-posts a {
  color: #ff6600;
}
.blog-sidebar-module.recent-posts a:hover {
  color: #27353d;
}