/**
 * Ciputra Hospital Child Theme — Base overrides
 *
 * Moved from style.css so the WordPress-required theme header file
 * stays lightweight (Kallyas auto-enqueues it; keeping it tiny avoids
 * a duplicate render-blocking request).
 */

/* Hide post meta (author, date, category) above blog post titles */
.kl-blog-post-details-author,
.kl-blog-post-meta {
    display: none !important;
}

/* Hide the entire details/header container and move title to top */
.kl-blog-post-header {
    display: none !important;
}

.kl-blog-post-title {
    margin-top: 0 !important;
    /* font-size and line-height now in css/blog-typography.css */
}

.kl-blog-post,
.itemView.kl-blog {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Reduce gap between breadcrumb bar and content area */
body.single-post section#content.site-content {
    margin-top: 15px !important;
}

/* Match sidebar top padding to main content */
body.single-post aside .zn_sidebar {
    padding-top: 0 !important;
}

body.single-post aside .rp4wp-related-posts h3 {
    margin-top: 0 !important;
    padding-top: 20px !important;
}

/* Single post: flex layout for main column + sidebar alignment */
body.single-post section#content .container > .row {
    display: flex;
    flex-wrap: wrap;
}

body.single-post section#content .container > .row > .right_sidebar,
body.single-post section#content .container > .row > aside {
    float: none;
}

body.single-post section#content .container > .row > aside {
    align-self: flex-start;
}

/* Social sharing buttons - more spacing between them */
.heateor_sss_sharing_ul a {
    margin: 2px 6px !important;
}

/* Space between social share buttons and article body */
.kl-blog-post-body .heateor_sss_sharing_container {
    margin-bottom: 24px !important;
}

/* Tags block - single row below update date */
.kl-blog-post-body > .itemTagsBlock.kl-blog-post-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
    float: none !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

.kl-blog-post-body > .itemTagsBlock .kl-blog-post-tags-text {
    font-size: 13px !important;
    color: #8B8C8D !important;
    text-transform: none !important;
    margin-right: 2px !important;
}

.kl-blog-post-body > .itemTagsBlock a.kl-blog-tag {
    font-size: 13px !important;
    color: #2B7ACC !important;
    text-decoration: none !important;
    text-transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    float: none !important;
}

.kl-blog-post-body > .itemTagsBlock a.kl-blog-tag:hover {
    text-decoration: underline !important;
}

.kl-blog-post-body > .itemTagsBlock .clearfix {
    display: none !important;
}

/* Hide empty blog footer row after tags are moved */
.row.blog-sg-footer:empty,
.row.blog-sg-footer {
    display: none !important;
}

/* Mobile blog post adjustments */
@media (max-width: 767px) {
    /* H1 mobile sizing now in css/blog-typography.css */

    /* Reduce gap above article below breadcrumbs */
    body.single-post section#content.site-content {
        margin-top: 30px !important;
    }

    /* Reduce whitespace between post content/tags and sidebar related posts (SJC-488) */
    body.single-post .kl-blog-post-body {
        margin-bottom: 8px !important;
    }

    body.single-post .kl-blog-post {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}