/* ============================================================
   ThodThube 2026 — Responsive Design
   ============================================================ */

/* Tablet */
@media (max-width: 1199px) {
    .sidebar-toggle { display: flex; }

    .leftheader {
        transform: translateX(-100%);
        z-index: 150;
        width: 300px;
        box-shadow: var(--shadow-lg);
    }
    .leftheader.open { transform: translateX(0); }

    .contentinside { margin-left: 0 !important; }

    .forumsandsidebar {
        grid-template-columns: 1fr;
    }

    .d2lastposts { width: 220px; }

    .header-banner { flex-direction: column; text-align: center; }
    .header-banner-cta { align-self: center; }
}

/* Mobile */
@media (max-width: 768px) {
    .wrapper { padding: 0 12px; }

    #content { padding: 12px 0; }

    .forumsandsidebar {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .flexyforumsd2 {
        flex-wrap: wrap;
        padding: 12px;
        gap: 8px;
    }

    .d2forumicons { display: none; }

    .d2foruminame { width: 100%; padding: 0; flex: unset; }

    .threads2dposts {
        width: auto;
        border-left: none;
        border-top: 1px solid var(--border);
        padding: 8px 0;
        display: flex;
        gap: 8px;
    }

    .d2lastposts {
        width: 100%;
        border-left: none;
        border-top: 1px solid var(--border);
        padding: 10px 0 0 0;
    }

    .header-banner { padding: 16px; }
    .header-banner-title { font-size: 18px; }
    .header-banner-logo img { width: 40px; height: 40px; }

    /* Posts */
    .post .post_author {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    .post .post_author div.author_statistics { margin-left: 0; text-align: center; }

    .post_body { padding: 12px; }

    /* Profile */
    .memberlistbody { flex-direction: column; }
    .leftmemberside300 { width: 100%; }
    .memberlistrightprofile { width: 100%; }

    /* Thread list */
    .threadbody { flex-wrap: wrap; }
    .threadbodyname { width: 100%; }
    .threadbodylastpost { width: 100%; }

    /* Member list */
    .memberlistpage { grid-template-columns: 1fr; }

    /* Tables */
    .tborder { border-radius: var(--radius-sm); }

    /* Navigation */
    .navigation { font-size: 12px; padding: 10px 12px; }

    /* Hide on mobile */
    .responsivehide { display: none !important; }
}

/* Small mobile */
@media (max-width: 480px) {
    .guestbuttons { flex-direction: column; }
    .reglogbuttons { width: 100%; }
    .header-banner { gap: 12px; }
    .categorynameforum { padding: 12px 14px; }
}