/* Override center alignments to left align content pages (but keep homepage centered) */

/* Keep homepage (.content-center) centered - don't override it */

/* Main container - only left-align TEXT when inside .content, not .content-center */
/* Don't change align-items - we want the container centered, just the text left-aligned */
.content .container {
  text-align: left !important;
}

/* Pagination - left align */
.pagination__title {
  text-align: left !important;
  justify-content: flex-start !important;
}

.pagination__title-h {
  text-align: left !important;
  margin: 0 !important;
}

.pagination__buttons {
  justify-content: flex-start !important;
}

/* Post content - left align everything */
.post {
  text-align: left !important;
}

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
  text-align: left !important;
  justify-content: flex-start !important;
}

.post p {
  text-align: left !important;
}

.post ul,
.post ol {
  text-align: left !important;
}

.post blockquote {
  text-align: left !important;
}

.post pre {
  text-align: left !important;
}

.post table {
  text-align: left !important;
}

/* Figure captions in posts - default to left */
.post figure figcaption {
  text-align: left !important;
}

/* Keep explicit alignment classes */
.post figure figcaption.center {
  text-align: center !important;
}

/* Images in posts - default to left aligned */
.post img {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Keep explicit image alignment classes */
.post img.center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.post img.right {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Figures in posts - default to left */
.post figure {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Keep explicit figure alignment classes */
.post figure.center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.post figure.right {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Posts list pages */
.posts {
  text-align: left !important;
}

.posts h1,
.posts h2 {
  text-align: left !important;
}

.posts-list {
  text-align: left !important;
}