/* =====================================================
   Responsive — breakpoint overrides only.
   Layout uses Tailwind utility classes; this file
   handles component-level responsive corrections.
   ===================================================== */

/* ── Tablet (≤ 992px) ──────────────────────────────── */
@media only screen and (max-width: 992px) {

    /* Single post hero: offset reduced since navbar is shorter */
    .single_post-thumbnail-content {
        padding-top: calc(var(--navbar-height) + 24px);
        padding-bottom: 36px;
    }

    /* Jumbotron heading: tighten spacing */
    .site-header__title {
        margin-bottom: 12px;
    }

    /* Pagination numbers */
    .page-links .page-numbers,
    .nav-links .page-numbers {
        width: 38px;
        height: 38px;
    }

    /* Sidebar widgets: slightly less padding */
    .main-sidebar .widget {
        padding: 22px;
    }
}

/* ── Mobile landscape / small tablet (≤ 767px) ──────── */
@media only screen and (max-width: 767px) {

    /* Single post hero min-height reduced */
    .single_post-thumbnail {
        min-height: 45vh;
    }

    .single_post-thumbnail-content {
        padding-top: calc(var(--navbar-height) + 20px);
        padding-bottom: 30px;
    }

    /* Comments: reduce nested indentation so it doesn't overflow */
    .comments_list .children {
        padding-left: 40px;
    }

    .comments_list .comment-body {
        padding-left: 60px;
    }

    .comments_list .comment-body .comment-meta .comment-author img {
        width: 44px;
    }

    /* Author bio: slightly less padding */
    .comment-respond .comment-reply-title {
        font-size: 20px;
    }
}

/* ── Mobile (≤ 576px) ──────────────────────────────── */
@media only screen and (max-width: 576px) {

    /* Buttons: compact */
    .button,
    .primary_button {
        padding: 8px 18px;
        font-size: calc(var(--pco-body-font-size) - 2px);
    }

    /* Single post hero: tighter on phones */
    .single_post-thumbnail {
        min-height: 38vh;
    }

    .single_post-thumbnail-content {
        padding-top: calc(var(--navbar-height) + 16px);
        padding-bottom: 24px;
    }

    /* Comments: further reduce nesting to prevent overflow */
    .comments_list .children {
        padding-left: 20px;
    }

    .comments_list .comment-body {
        padding-left: 50px;
    }

    .comments_list .comment-body .comment-meta .comment-author img {
        width: 38px;
    }

    /* Pagination: keep numbers tappable */
    .page-links .page-numbers,
    .nav-links .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }

    /* Sidebar widgets: compact padding */
    .main-sidebar .widget {
        padding: 18px;
        border-radius: 12px;
    }

    /* Widget tag cloud: smaller gaps */
    .tagcloud {
        gap: 6px;
    }

    /* Progress / scroll-to-top: keep away from edges */
    .progress-wrap {
        right: 12px;
        bottom: 20px;
    }

    /* Alert bar: smaller text */
    .alert__bar .alert__text {
        font-size: 13px;
    }
}