/* forum/static/forum/css/responsive.css */

/* Tablet and smaller desktop */
@media (max-width: 768px) {
    body {
        padding: 10px;
    }

    .container {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 0;
        width: calc(100vw - 20px);
        max-width: none;
    }

    .main-content, .sidebar {
        padding: 15px;
        width: 100%;
    }

    .actions-container {
        align-items: stretch;
    }

    .actions-container .btn {
        text-align: center;
    }

    .explore-btn {
        display: inline-block;
        background-color: #28a745;
        border-color: #28a745;
    }
    .explore-btn:hover {
        background-color: #218838;
    }

    .back-to-top-container {
        display: block;
    }
    .back-to-top-btn {
        display: inline-block;
        width: auto;
        background-color: #28a745;
        border-color: #28a745;
    }
}

/* Mobile */
@media (max-width: 480px) {
    body {
        padding: 5px;
    }

    .container {
        gap: 10px;
        width: calc(100vw - 10px);
    }

    .main-content, .sidebar {
        padding: 10px;
    }
}