/**
 * Folks Integration — Responsive Overrides
 */

@media (max-width: 768px) {
    /* Modal */
    .folks-modal-content {
        width: 95%;
        max-height: 95vh;
    }

    /* Application Form */
    .folks-application-form-wrapper {
        padding: 24px 20px;
    }

    .folks-form-row {
        grid-template-columns: 1fr;
    }

    .folks-form-actions {
        flex-direction: column;
    }

    /* 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%;
    }

    /* Job detail */
    h1.folks-job-detail-title {
        font-size: 1.75rem;
    }

    .folks-job-detail-actions {
        flex-direction: column;
    }

    .folks-btn-apply {
        max-width: 100%;
    }

    /* Offcanvas responsive */
    .folks-offcanvas-content {
        width: 100%;
        max-width: 100%;
        padding: 30px 20px;
    }

    .folks-close-offcanvas {
        top: 15px;
        right: 15px;
    }

    .folks-offcanvas .folks-job-detail-actions {
        margin: 0 -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Tabs responsive */
    .folks-tab-btn {
        padding: 12px 16px;
        font-size: 15px;
    }

    /* Sticky bar responsive */
    .folks-sticky-apply-bar-inner {
        padding: 12px 16px;
    }

    .folks-sticky-apply-bar-text {
        font-size: 0.9rem;
    }

    button.folks-sticky-apply-btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    .folks-offcanvas-form-header {
        padding: 30px 20px 0 20px;
    }
}