/* ==================================================
   BLOG THEME — RESPONSIVE
================================================== */

@media (max-width: 1199.98px) {
    .mcb-toc-widget.is-sticky-fixed {
        top: 80px !important;
    }
}

@media (max-width: 991.98px) {
    .mcb-blog-banner {
        padding: 24px 0 36px;
    }

    .mcb-blog-listing {
        padding: 36px 0 48px;
    }

    .mcb-single-sidebar {
        margin-top: 40px;
    }

    .mcb-toc-widget,
    .mcb-toc-widget.is-sticky-fixed,
    .mcb-toc-widget.is-sticky-bottom {
        position: static !important;
        top: auto !important;
        left: auto !important;
        bottom: auto !important;
        width: auto !important;
    }

    .mcb-single-banner {
        min-height: auto;
        padding: 40px 0 28px;
    }

    .mcb-author-hero-inner {
        flex-direction: column;
        text-align: center;
    }

    .mcb-entry-content table {
        font-size: 0.8rem;
    }

    .mcb-entry-content table th,
    .mcb-entry-content table td {
        padding: 8px 10px;
    }
}

@media (max-width: 767.98px) {
    .mcb-blog-banner {
        padding: 20px 0 28px;
    }

    .mcb-blog-listing {
        padding: 28px 0 40px;
    }

    .mcb-banner-search .mcb-search-form {
        border-radius: 16px;
        padding: 10px 16px;
    }

    .mcb-blog-hero {
        padding: 40px 0 24px;
    }

    .mcb-card-thumb-link {
        aspect-ratio: 527 / 297;
    }

    .mcb-card-thumb {
        width: 100%;
        height: auto;
    }

    .mcb-card-body {
        padding: 18px;
    }

    .mcb-single-banner {
        min-height: auto;
        padding: 40px 0 30px;
    }

    .mcb-author-link {
        width: 100%;
    }

    .mcb-entry-content h1 { margin-top: 1.5em; }
    .mcb-entry-content h2 { margin-top: 1.4em; }
    .mcb-entry-content h3 { margin-top: 1.3em; }

    .mcb-entry-content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .mcb-entry-content table th,
    .mcb-entry-content table td {
        white-space: normal;
        min-width: 120px;
    }

    .mcb-comment-body {
        flex-direction: column;
    }

    .mcb-faq-accordion .accordion-button {
        padding: 14px 16px;
        font-size: 0.875rem;
    }

    .mcb-sidebar-widget {
        padding: 18px;
    }
}

@media (max-width: 575.98px) {
    .mcb-card-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .mcb-404-actions {
        flex-direction: column;
        align-items: center;
    }

    .mcb-single-categories {
        gap: 6px;
    }

    .mcb-category-badge {
        font-size: 0.65rem;
        padding: 3px 10px;
    }
}