/**
 * Folks Integration — Responsive Overrides
 * Form, offcanvas, tabs, and sticky bar responsive behaviour
 * is now handled by Tailwind responsive prefixes (sm:, md:, etc.).
 * Only rules that cannot be expressed with Tailwind remain here.
 */

@media (max-width: 768px) {
    /* Jobs list */
    .folks-jobs-wrapper {
        padding: 16px;
    }

    .folks-jobs-list {
        gap: 12px;
    }

    .folks-job-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .folks-job-meta {
        width: 100%;
        gap: 12px;
    }

    .folks-job-footer {
        width: 100%;
        margin-left: 0;
    }

    .folks-job-footer .folks-btn {
        width: 100%;
    }
}