/* ==========================================================================
   Knowledge Base - Responsive Styles
   ========================================================================== */

/* Large desktop */
@media (min-width: 1400px) {
    .kb-content {
        max-width: 860px;
    }
}

/* Hide right TOC on smaller screens */
@media (max-width: 1200px) {
    .kb-sidebar-right {
        display: none;
    }

    .kb-main {
        margin-right: 0;
    }
}

/* Tablet */
@media (max-width: 900px) {
    .kb-sidebar-left {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        z-index: 60;
        box-shadow: none;
    }

    .kb-sidebar-left--open {
        transform: translateX(0);
        box-shadow: var(--kb-shadow-lg);
    }

    .kb-main {
        margin-left: 0;
    }

    .kb-mobile-menu-btn {
        display: flex;
    }

    .kb-content {
        padding: 32px 28px;
    }

    .kb-header-inner {
        padding: 0 20px;
    }

    .kb-page-title {
        font-size: 1.7rem;
    }

}

/* Mobile */
@media (max-width: 600px) {
    .kb-header-inner {
        padding: 0 16px;
    }

    .kb-header-badge {
        display: none;
    }

    .kb-content {
        padding: 24px 16px;
    }

    .kb-page-title {
        font-size: var(--kb-font-size-2xl);
    }

    .kb-page-content h2 {
        font-size: var(--kb-font-size-xl);
        margin-top: 36px;
    }

    .kb-page-content h3 {
        font-size: var(--kb-font-size-lg);
    }

    .kb-prev-next {
        flex-direction: column;
    }

    .kb-prev-next-link {
        padding: 14px 16px;
    }

    .kb-hero-banner {
        padding: 32px 24px;
        min-height: 160px;
    }

    .kb-hero-banner h2 {
        font-size: var(--kb-font-size-2xl);
    }

    .kb-sidebar-left {
        width: 280px;
    }

    .kb-card-grid {
        gap: 12px;
    }
}

/* Very small screens */
@media (max-width: 380px) {
    .kb-content {
        padding: 20px 14px;
    }

    .kb-header-inner {
        padding: 0 12px;
    }

    .kb-search-trigger .kb-search-shortcut {
        display: none;
    }
}

/* Print styles */
@media print {
    .kb-header,
    .kb-sidebar-left,
    .kb-sidebar-right,
    .kb-prev-next,
    .kb-theme-toggle,
    .kb-mobile-menu-btn,
    .kb-sidebar-backdrop {
        display: none !important;
    }

    .kb-main {
        margin: 0;
    }

    .kb-layout {
        display: block;
        padding-top: 0;
    }

    .kb-content {
        max-width: 100%;
        padding: 0;
    }
}