/* Single page specific styles */

/* Post tag adjustments specific to single pages */
.post-tags {
  padding: 0px;
  margin: 0px;
}

.comments-article .quote-mark {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

/* .comments-article .author-container {
  left: 22%;
  padding: none;
  margin: none;
} */

/* Improved sidebar organization for single pages */
.sidebar-section {
  margin-bottom: 15px;
  border-bottom: none;
}

.post-author {
  width: 100%;
  margin-bottom: 5px;
  float: right;
  font-weight: var(--font-weight-semibold);
}

/* Date styling specific to single pages */
.post-date {
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
  display: block;
  padding-bottom: 10px;
  border-bottom: var(--border-thin-light);
}

/* Category-specific styling for single pages - moved to category-colors.css for centralized management */

.gallery-article .post-content img {
  display: block;
  margin-top: 6px;
  width: calc(100% - 0px);
}

.gordian-badge {
  font-size: var(--font-size-sm);
  font-weight: bold;
  border: var(--border-thin);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
}

/* Fix for indented text blocks that get converted to pre/code */
.post-content pre {
  white-space: pre-wrap; /* Since CSS 2.1 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  max-width: 100%;
  overflow: auto;
  margin-bottom: 1.5em;
}

.post-content pre code {
  display: block;
  font-family: var(--font-family-primary);
  font-weight: 600;
  font-style: italic;
  line-height: 1.6;
  margin-right: var(--margin-text);
  font-size: 1.1rem;
}

/* Styles for the categories and tags section */
.post-taxonomy-section {
  border-bottom: var(--border-thin);
}

.post-all-categories,
.post-all-tags {
  margin-bottom: 5px;
}

.taxonomy-heading {
  font-size: var(--font-size-base);
  margin-bottom: 0.75rem;
  color: var(--color-text-subtitle);
}

.post-taxonomy-section .post-categories,
.post-taxonomy-section .post-tags {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 1150px) {
  .article-style-1 .post-title-section {
    margin-right: 25%;
  }

  .article-style-1 .post-description p {
    margin-right: 0;
  }

  .interview-description {
    margin-right: var(--margin-text);
  }

  .comment-description-container {
    margin-right: 25%;
  }

  .comments-article .comment-description {
    margin-right: 25%;
  }
}

@media (max-width: 1150px) {
  .post-taxonomy-section {
    margin: 2rem 0;
  }

  .sidebar-section {
    margin-top: 5px;
  }

  .comments-article .quote-mark {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    /* Category-specific colors moved to category-colors.css */
  }

  .tag-container {
    display: none;
  }

  .post-content pre code {
    padding-right: 0;
  }
}

/* Hide original sidebar reading features on mobile for single posts since we have global popup */
@media (max-width: 748px) {
  .post .reading-features-container {
    display: none;
  }
}