/* Responsive Design for Sammi Campus Recruitment Widget */

/* Tablet and mobile breakpoint */
@media screen and (max-width: 768px) {
    .sammi-recruitment-table-widget-wrapper {
        overflow-x: scroll;
    }
    
    .sammi-recruitment-table-widget {
        min-width: 800px;
        font-size: 12px;
    }
    
    .sammi-recruitment-table-widget th,
    .sammi-recruitment-table-widget td {
        padding: 4px;
        font-size: 12px;
    }
    
    .widget .sammi-recruitment-table-widget {
        font-size: 12px;
    }
    
    .widget .sammi-recruitment-table-widget th,
    .widget .sammi-recruitment-table-widget td {
        padding: 3px;
        font-size: 12px;
    }
    
    /* Responsive comment button */
    .write-comment-btn {
        padding: 4px 8px;
        font-size: 11px;
    }
    
    .comments-count {
        padding: 3px 6px;
        font-size: 11px;
    }
}

/* Small mobile breakpoint */
@media screen and (max-width: 480px) {
    .sammi-recruitment-table-widget {
        min-width: 600px;
        font-size: 12px;
    }
    
    .sammi-recruitment-table-widget th,
    .sammi-recruitment-table-widget td {
        padding: 3px;
        font-size: 12px;
    }
    
    /* Extra small mobile comment button */
    .write-comment-btn {
        padding: 3px 6px;
        font-size: 10px;
    }
    
    .comments-count {
        padding: 2px 4px;
        font-size: 10px;
    }
}