/* Blog Archive Redesign - Cards + Sidebar
 * Migrated from Fluent Snippets 8-blog-archive-redesign.php (verbatim).
 */
body.blog article.entry-card.card-content {
    background: #FFFCF2;
    border: 1px solid #e9ddc9;
    box-shadow: none;
    transition: transform .18s ease, box-shadow .18s ease;
}
body.blog article.entry-card.card-content:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(35,21,8,.14);
}
body.blog article.entry-card.card-content .ct-media-container {
    border-radius: 8px;
    overflow: hidden;
}
body.blog article.entry-card.card-content .entry-meta {
    color: #6b5b4a;
    gap: 10px;
}
body.blog article.entry-card.card-content .entry-meta svg {
    fill: currentColor;
}
body.blog article.entry-card.card-content .entry-meta .meta-author {
    color: #B86B0B;
    font-weight: 600;
}
body.blog article.entry-card.card-content .entry-title {
    color: #231508;
}
body.blog article.entry-card.card-content .entry-title:hover {
    color: #B86B0B;
}
body.blog article.entry-card.card-content .entry-button {
    background: #B86B0B;
    border-radius: 6px;
    align-self: flex-start;
    transition: background .18s ease;
}
body.blog article.entry-card.card-content .entry-button:hover {
    background: #231508;
    color: #FFFCF2;
}

/* Sidebar
 * IBM Plex Sans Thai is the main font for Thai-language content only
 * (Manrope/Cormorant Garamond have no Thai glyphs and would fall back
 * anyway) - scoped to html[lang="th"] so EN/ZH keep the parent theme's
 * Manrope sidebar-widget font as configured in the Blocksy Customizer.
 */
html[lang="th"] body.blog .ct-sidebar {
    font-family: "IBM Plex Sans Thai", sans-serif;
}
html[lang="th"] body.blog .ct-sidebar,
html[lang="th"] body.blog .ct-sidebar *,
html[lang="th"] body.blog .ct-sidebar .ct-widget > :not(.widget-title) {
    --theme-font-family: "IBM Plex Sans Thai", sans-serif;
}
body.blog .ct-sidebar .ct-widget {
    background: #FFFCF2;
    border: 1px solid #e9ddc9;
    border-radius: 12px;
    padding: 20px 22px;
    margin-bottom: 16px;
}
body.blog .ct-sidebar .wp-block-heading {
    color: #231508;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 14px;
    padding-bottom: 10px;
    position: relative;
}
body.blog .ct-sidebar .wp-block-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 2px;
    background: #B86B0B;
}
body.blog .ct-sidebar .wp-block-latest-posts__list,
body.blog .ct-sidebar .wp-block-categories-list,
body.blog .ct-sidebar .wp-block-archives-list {
    margin: 0;
    padding: 0;
}
body.blog .ct-sidebar .wp-block-latest-posts__list li,
body.blog .ct-sidebar .wp-block-categories-list li,
body.blog .ct-sidebar .wp-block-archives-list li {
    list-style: none;
    padding: 9px 0;
    border-bottom: 1px solid #e9ddc9;
    font-size: 13px;
    color: #6b5b4a;
}
body.blog .ct-sidebar .wp-block-latest-posts__list li:last-child,
body.blog .ct-sidebar .wp-block-categories-list li:last-child,
body.blog .ct-sidebar .wp-block-archives-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
body.blog .ct-sidebar .wp-block-latest-posts__list a,
body.blog .ct-sidebar .wp-block-categories-list a,
body.blog .ct-sidebar .wp-block-archives-list a {
    color: #231508;
    text-decoration: none;
}
body.blog .ct-sidebar .wp-block-latest-posts__list a:hover,
body.blog .ct-sidebar .wp-block-categories-list a:hover,
body.blog .ct-sidebar .wp-block-archives-list a:hover {
    color: #B86B0B;
}
/* Recent Posts: thumbnail + text grid layout */
body.blog .ct-sidebar .wp-block-latest-posts__list li {
    display: grid;
    grid-template-columns: 56px 1fr;
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 2px;
    align-items: start;
}
body.blog .ct-sidebar .wp-block-latest-posts__featured-image {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
}
body.blog .ct-sidebar .wp-block-latest-posts__featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
}
body.blog .ct-sidebar .wp-block-latest-posts__list li > a:not(.wp-block-latest-posts__featured-image) {
    grid-column: 2;
    grid-row: 1;
    font-size: 13px;
    line-height: 1.4;
}
body.blog .ct-sidebar .wp-block-latest-posts__post-date {
    grid-column: 2;
    grid-row: 2;
    display: block;
    font-size: 11px;
    color: #a89a86;
    margin: 0;
}
body.blog .ct-sidebar .wp-block-search__input {
    border: 1px solid #e9ddc9;
    border-radius: 8px;
    color: #231508;
}
body.blog .ct-sidebar .wp-block-search__button {
    background: #B86B0B;
    border-radius: 8px;
}
body.blog .ct-sidebar blockquote.wp-block-quote {
    border-left: 3px solid #B86B0B;
    color: #6b5b4a;
    font-size: 13px;
}
/* Declutter: hide duplicate search box, duplicate recent-posts widget, empty recent-comments widget, and empty/broken nav menu widgets */
body.blog .ct-sidebar > .ct-widget:nth-child(3),
body.blog .ct-sidebar > .ct-widget:nth-child(4),
body.blog .ct-sidebar > .ct-widget:nth-child(5),
body.blog .ct-sidebar > .ct-widget:nth-child(8),
body.blog .ct-sidebar > .ct-widget:nth-child(10) {
    display: none;
}