/* ============================================================
   Default WP Posts Archive — 2-Column Grid (keeps sidebar)
   Pure CSS solution — no template overrides or custom queries.
   Layout: Image → Title → Excerpt → Read More
   ============================================================ */

/* Turn the main content area into a 2-column grid */
.blog .site-main,
.archive .site-main,
.category .site-main,
.tag .site-main,
.date .site-main,
.author .site-main,
.search-results .site-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

/* Each article is a grid item */
.blog .site-main > article,
.archive .site-main > article,
.category .site-main > article,
.tag .site-main > article,
.date .site-main > article,
.author .site-main > article,
.search-results .site-main > article {
    margin: 0 !important;
    width: 100% !important;
}

/* Card styling */
.blog .site-main article .inside-article,
.archive .site-main article .inside-article,
.category .site-main article .inside-article {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
}

/* ============================================================
   Reorder: Image (1) → Title/Header (2) → Summary (3)
   ============================================================ */

/* Featured image FIRST */
.blog .site-main .post-image,
.archive .site-main .post-image,
.category .site-main .post-image {
    order: 1;
    margin: 0;
    margin-bottom: 10px;
}

.blog .site-main .post-image a,
.archive .site-main .post-image a {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.blog .site-main .post-image img,
.archive .site-main .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}


/* Entry header SECOND (below image) */
.blog .site-main .entry-header,
.archive .site-main .entry-header,
.category .site-main .entry-header {
    order: 2;
}

.blog .site-main .entry-title,
.archive .site-main .entry-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.45;
    margin: 0 0 8px;
}

.blog .site-main .entry-title a,
.archive .site-main .entry-title a {
    color: #132337;
    text-decoration: none;
}

.blog .site-main .entry-title a:hover,
.archive .site-main .entry-title a:hover {
    color: #d79a32;
}

/* Hide the publish date (entry-meta inside header) */
.blog .site-main .entry-header .entry-meta,
.archive .site-main .entry-header .entry-meta,
.category .site-main .entry-header .entry-meta {
    display: none !important;
}

/* Summary / excerpt THIRD (below title) */
.blog .site-main .entry-summary,
.archive .site-main .entry-summary,
.category .site-main .entry-summary {
    margin-top: 5px;
    margin-bottom: 10px;
    order: 3;
    flex: 1;
    font-size: 15px;
    line-height: 1.7;
    color: #475569;
}

/* Read more button */
.blog .site-main .read-more,
.archive .site-main .read-more {
    background-color: transparent;
    color: #171717 !important;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    text-decoration: underline !important;
    display: inline-block;
    transition: background .2s ease, color .2s ease;
}

/* ============================================================
   Hide ALL footer meta (categories, comments, tags, author)
   ============================================================ */
.blog .site-main footer.entry-meta,
.archive .site-main footer.entry-meta,
.category .site-main footer.entry-meta,
.blog .site-main article footer,
.archive .site-main article footer {
    display: none !important;
}

/* Pagination spans full width */
.blog .site-main .pagination,
.archive .site-main .pagination,
.blog .site-main .paging-navigation,
.archive .site-main .paging-navigation,
.category .site-main #nav-below {
    grid-column: 1 / -1;
    margin-top: 10px;
}

/* No-results message */
.blog .site-main .no-results,
.archive .site-main .no-results {
    grid-column: 1 / -1;
}

/* Mobile: single column */
@media (max-width: 768px) {
    .blog .site-main,
    .archive .site-main,
    .category .site-main,
    .tag .site-main,
    .date .site-main,
    .author .site-main,
    .search-results .site-main {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}