/* ============================================================
   Blog Over — Content Alignment
   ============================================================

   Applied via body class → Customizer → Blog Settings →
   "Content Alignment" (left | center | right)

   Covers all 3 blog styles:
     1. Default / Classic List  → .blog-over-post-content
     2. Modern Grid Cards       → .blog-over-modern-content
     3. Editorial Z-Pattern     → .blog-over-editorial-featured-content

   KEY INSIGHT: Modern & Default use flex-direction:column on
   their content wrappers. To align Read-More buttons, we must
   set align-items on the wrapper, NOT width:100% on the button.
   ============================================================ */


/* ──────────────────────────────────────────────────────────
   LEFT (default – explicit reset so switching back works)
   ────────────────────────────────────────────────────────── */
.bo-content-align-left .blog-over-post-content,
.bo-content-align-left .blog-over-modern-content,
.bo-content-align-left .blog-over-editorial-featured-content {
    text-align: left;
    align-items: flex-start;
}

/* Category rows */
.bo-content-align-left .blog-over-post-category,
.bo-content-align-left .blog-over-modern-category,
.bo-content-align-left .blog-over-editorial-featured-cat.is-inline {
    justify-content: flex-start;
}

/* Meta rows (.blog-over-meta-info is a flex row inside the meta div) */
.bo-content-align-left .blog-over-post-meta .blog-over-meta-info,
.bo-content-align-left .blog-over-modern-meta .blog-over-meta-info,
.bo-content-align-left .blog-over-editorial-featured-meta {
    justify-content: flex-start;
}

/* Footer / Read-more containers */
.bo-content-align-left .blog-over-post-footer,
.bo-content-align-left .blog-over-modern-footer {
    display: flex;
    justify-content: flex-start;
}

/* Editorial read-more (direct child of content flex column) */
.bo-content-align-left .blog-over-editorial-readmore {
    align-self: flex-start;
}

/* Editorial title accent line */
.bo-content-align-left .blog-over-editorial-featured-title::after {
    margin-left: 0;
    margin-right: auto;
}


/* ──────────────────────────────────────────────────────────
   CENTER
   ────────────────────────────────────────────────────────── */
.bo-content-align-center .blog-over-post-content,
.bo-content-align-center .blog-over-modern-content,
.bo-content-align-center .blog-over-editorial-featured-content {
    text-align: center;
    align-items: center;
}

/* Category rows */
.bo-content-align-center .blog-over-post-category,
.bo-content-align-center .blog-over-modern-category,
.bo-content-align-center .blog-over-editorial-featured-cat.is-inline {
    justify-content: center;
}

/* Meta rows */
.bo-content-align-center .blog-over-post-meta .blog-over-meta-info,
.bo-content-align-center .blog-over-modern-meta .blog-over-meta-info,
.bo-content-align-center .blog-over-editorial-featured-meta {
    justify-content: center;
}

/* Footer / Read-more containers */
.bo-content-align-center .blog-over-post-footer,
.bo-content-align-center .blog-over-modern-footer {
    display: flex;
    justify-content: center;
}

/* Editorial read-more */
.bo-content-align-center .blog-over-editorial-readmore {
    align-self: center;
}

/* Editorial title accent line */
.bo-content-align-center .blog-over-editorial-featured-title::after {
    margin-left: auto;
    margin-right: auto;
}


/* ──────────────────────────────────────────────────────────
   RIGHT
   ────────────────────────────────────────────────────────── */
.bo-content-align-right .blog-over-post-content,
.bo-content-align-right .blog-over-modern-content,
.bo-content-align-right .blog-over-editorial-featured-content {
    text-align: right;
    align-items: flex-end;
}

/* Category rows */
.bo-content-align-right .blog-over-post-category,
.bo-content-align-right .blog-over-modern-category,
.bo-content-align-right .blog-over-editorial-featured-cat.is-inline {
    justify-content: flex-end;
}

/* Meta rows */
.bo-content-align-right .blog-over-post-meta .blog-over-meta-info,
.bo-content-align-right .blog-over-modern-meta .blog-over-meta-info,
.bo-content-align-right .blog-over-editorial-featured-meta {
    justify-content: flex-end;
}

/* Footer / Read-more containers */
.bo-content-align-right .blog-over-post-footer,
.bo-content-align-right .blog-over-modern-footer {
    display: flex;
    justify-content: flex-end;
}

/* Editorial read-more */
.bo-content-align-right .blog-over-editorial-readmore {
    align-self: flex-end;
}

/* Editorial title accent line */
.bo-content-align-right .blog-over-editorial-featured-title::after {
    margin-left: auto;
    margin-right: 0;
}


/* ──────────────────────────────────────────────────────────
   SAFETY: Editorial content is a flex column — ensure
   align-items cascades properly even inside grid cards
   ────────────────────────────────────────────────────────── */
.bo-content-align-center .blog-over-editorial-featured-content,
.bo-content-align-right  .blog-over-editorial-featured-content {
    /* Override any inline justify-content:center from the base style */
    justify-content: center;
}
