/* ===== Blog Container ===== */
.theme-blog-container {
    margin-bottom: 24px !important;
}

/* ===== Blog Cover Image ===== */
.theme-blog-cover-img-container {
    margin-bottom: 12px !important;
}

.theme-blog-cover-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* ===== Blog Heading Styles ===== */
.theme-blog-heading {
    margin: 0 0 12px 0 !important;
    line-height: 1.5 !important;
}

.theme-blog-heading a[data-blogpost-heading="true"] {
    color: #FF0000 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    display: block !important;
    text-align: justify !important;
}

.theme-blog-heading a[data-blogpost-heading="true"]:hover {
    opacity: 0.8 !important;
}

/* ===== Spacing Between Elements ===== */
.theme-blog-part.theme-blog-heading-author.theme-blog-heading-space {
    margin-bottom: 12px !important;
}

/* ===== Blog Content/Description ===== */
.theme-blog-part {
    margin: 0 0 12px 0 !important;
    font-family: 'Prompt', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #013A51 !important;
    line-height: 1.7 !important;
    text-align: justify !important;
}

.theme-blog-part p {
    margin: 0 0 12px !important;
    font-family: 'Prompt', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #013A51 !important;
    line-height: 1.7 !important;
    text-align: justify !important;
}

/* ===== Read More Link ===== */
.theme-blog-part.theme-blog-readmore {
    margin: 12px 0 !important;
    text-align: left !important;
}

.theme-blog-readmore a {
    color: #013A51 !important;
    font-family: 'Prompt', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
    display: inline-block !important;
}

.theme-blog-readmore a:hover {
    opacity: 0.7 !important;
}

/* ===== Date and Comment Section ===== */
.theme-blog-date-container {
    margin: 12px 0 0 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid #E0E0E0 !important;
}

.theme-blog-date-comment-count {
    display: flex !important;
    align-items: center !important;
    font-family: 'Prompt', sans-serif !important;
    font-size: 13px !important;
    color: #666666 !important;
}

.theme-blog-date {
    margin-right: 8px !important;
}

.theme-blog-comment-count {
    margin-left: 4px !important;
}

.theme-blog-comment-count a {
    color: #666666 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

.theme-blog-comment-count a:hover {
    opacity: 0.7 !important;
}

/* ===== Category & Tag Links ===== */
.theme-blog-category-list a.theme-blog-side-menu-link,
.theme-blog-category-tag-list a.theme-blog-category-tag-list-link {
    color: #013A51 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

.theme-blog-category-list a.theme-blog-side-menu-link:hover,
.theme-blog-category-tag-list a.theme-blog-category-tag-list-link:hover {
    opacity: 0.7 !important;
}

/* ===== Single Blog Page Heading ===== */
.theme-single-blog-heading {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-align: justify !important;
}

/* ===== Tag Archive Dropdown ===== */
.tag-archive-dropdown details > ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 0 1rem !important;
    display: block !important;
    column-count: 1 !important;
    -webkit-column-count: 1 !important;
}

.tag-archive-dropdown details > ul li {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 6px 0 !important;
}

.tag-archive-dropdown details > ul li > a {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
    padding: 6px 0 !important;
    line-height: 1.4 !important;
    transition: opacity 0.2s ease !important;
    text-align: left !important;
}

.tag-archive-dropdown details > ul li > a:hover {
    opacity: 0.7 !important;
}

.tag-archive-dropdown details > summary {
    margin: 12px 0 !important;
    cursor: pointer !important;
    text-align: left !important;
}