.job-listings {
    margin-bottom: 30px !important;
}
.job-search-form {
    margin-bottom: 20px !important;
}
.job-search-form input[type="text"] {
    padding: 10px !important;
    width: 70% !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 16px !important;
}
.job-search-form button {
    padding: 10px 20px !important;
    background: #83b735 !important; /* Màu chủ đạo của WoodMart */
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}
.job-search-form button:hover {
    background: #6b9a2a !important; /* Màu hover của WoodMart */
}
.job-block-filter {
    margin-bottom: 20px !important;
}
.job-block-filter select {
    padding: 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 16px !important;
}
.job-grid {
    display: grid !important;
    gap: 20px !important;
}
.job-grid.columns-1 {
    grid-template-columns: 1fr !important;
}
.job-grid.columns-2 {
    grid-template-columns: repeat(2, 1fr) !important;
}
.job-grid.columns-3 {
    grid-template-columns: repeat(3, 1fr) !important;
}
.job-grid.columns-4 {
    grid-template-columns: repeat(4, 1fr) !important;
}
.job-list .job-item {
    margin-bottom: 20px !important;
}
.job-item {
    background: #fff !important;
    padding: 20px !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}
.job-item:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    transform: translateY(-5px) !important;
}
.job-item .job-thumbnail img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
}
.job-item h3 {
    margin: 0 0 10px !important;
    font-size: 20px !important;
    color: #333 !important;
}
.job-item p {
    margin: 5px 0 !important;
    color: #555 !important;
    font-size: 14px !important;
}
.job-apply-button {
    display: inline-block !important;
    padding: 10px 20px !important;
    background: #83b735 !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    margin-top: 10px !important;
    font-size: 14px !important;
}
.job-apply-button:hover {
    background: #6b9a2a !important;
}
#job-application-form input[type="text"],
#job-application-form input[type="email"],
#job-application-form input[type="file"] {
    width: 100% !important;
    padding: 10px !important;
    margin-bottom: 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}
#job-application-form input[type="submit"] {
    background: #83b735 !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    border-radius: 4px !important;
}
#job-application-form input[type="submit"]:hover {
    background: #6b9a2a !important;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .job-grid.columns-3,
    .job-grid.columns-4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .job-search-form input[type="text"] {
        width: 60% !important;
    }
}

@media (max-width: 768px) {
    .job-grid.columns-2,
    .job-grid.columns-3,
    .job-grid.columns-4 {
        grid-template-columns: 1fr !important;
    }
    .job-search-form input[type="text"] {
        width: 100% !important;
    }
    .job-item {
        padding: 15px !important;
    }
}